jQuery remove() function

Question

I have a problem with $( "#MiID" ).remove(); function.

I use:

$(document).ready(function () {
   $( "#mydiv" ).remove();
});

In firebug, the div is removed, but if I click View Page Source the div appears there.

How can I resolve the problem?

Why in firebug was remove but in DOM not?

UPDATE: The problem is Google . Google reads the contents of the div and google uses the " h1 " of "div" as a key word of my website . This div is repeated on every page of my website but do not know can correct that problem. I can just hide and unhide the div

You don't need "Espanol" Version here... I've added );, if it is not in your code, kindly remove it. — Amit Joki
– Amit Joki, Commented Oct 3, 2014 at 6:46
Why in firebug was remove but in DOM not? It's removed from DOM. View Page Source doesn't reflect actual DOM state. — dfsq
– dfsq, Commented Oct 3, 2014 at 6:47

BenM · Accepted Answer · 2014-10-03 06:47:14Z

3

The element is indeed removed from the DOM tree when you use the remove() function.

Viewing the source of page shows you the original content on the server, and does not take into consideration client-side modifications to the DOM.

answered Oct 3, 2014 at 6:47

BenM

53.3k26 gold badges116 silver badges172 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Trott · Accepted Answer · 2014-10-03 06:47:24Z

3

That is expected behavior. jQuery can't alter your initial HTML source code (which is what View Source shows), only what the actual DOM is (which is what Firebug shows). Fortunately, you have no reason to care about the contents of the initial HTML source code in 99.9999% of web applications--you just care about what the DOM is, since that's what the user sees.

answered Oct 3, 2014 at 6:47

Trott

70.6k27 gold badges184 silver badges218 bronze badges

1 Comment

Daniel Over a year ago

Thanks for answering . The problem is Google . Google reads " h1 " of "div" (although the " div " is not visible to the user) and uses it as a key to the word SEO . The problem is that the div is loaded on all pages but not always display.

Syed Muhammad Zeeshan · Accepted Answer · 2014-10-03 06:56:32Z

0

Actually when the browser download DOM, it downloads all elements and then set the DOM, if any changes occur after the DOM downloaded it will only be on user end. It doesn't mean that u remove it by jquery so the element actually remove from the source code it just remove from the DOM on client and the origional downloaded source code remains same.

edited Oct 3, 2014 at 6:56

answered Oct 3, 2014 at 6:49

Syed Muhammad Zeeshan

1,0457 silver badges16 bronze badges

Collectives™ on Stack Overflow

jQuery remove() function

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related