Using jQuery to change the HTML, but "ldquo; view source & rdquo; shows the old

advertisements

I am using jQuery to dynamically change the loaded html, and while it does work, when I view the html source of the page in the browser (Chrome) using "View page source" menu, what I see is the old, before changes applied, html code.

Is there a way to see the "after change" html, as at the end of the day, this is what I see in the browser.

View Source will show the initial rendered Html in most cases, Have a look at the DOM model using the development tools.

In Chrome: Ctrl-shift-i

Then look at the Elements tab, the html will change, when manipulated.

Related Articles

Using jQuery to change the CSS of items added to the DOM

I'm trying to use jQuery to change the CSS properties of jQuery Validation plugin's error labels. This is basically because I use jQuery equations to create responsive font-size, rather than native vw or em units via CSS. Normally works beautifully.

Using jQuery to change the radio button to the check box

PS: Problem solved. Thx all you guys. I need to change radio button to checkbox when page loading. I can not make the checkbox directly, so I have to find a way to solve this. I've tried How can I change a checkbox for a radio button using jQuery?, b

Using jquery to change the text of the header on the click

I'm currently attempting to get my Javascript code to mesh with HTML written by someone else. The goal is to get the header to change by using jquery by typing it into a text input box and then clicking on a button. Not exactly sure why it isn't work

Using jQuery to change the div width from 50% to 70% hovering

I have two divs that have 50% width each. I want to make it so that the the hovered div expands to 70% and the other reduces to 30%. And when the mouse moves out, they both return to 50% each. I wrote a script but it doesn't give the right results. T