dom-traversal

According to CSS principles when we want to implement reusability of styles we should use class attribute and when we know that there is an unique element in whole DOM structure we should use id attribute to that Element and then specify a style. But in this era of Web Applications, DOM structure can be too complex and there is a possibility of duplicate id . Best example would be #title . Its kind of name which can appear anywhere in the document. Now the best part is if I use #title or .title while defining styles (assuming that they have been appeared more than once and have different

I want to wrap a <div> FROM THE BEGINNING of the <H2> up until the next <H2> , but it is only starting on the first paragraph. This is what I have, which ALMOST does the job: $('h2:contains("test")').nextUntil('h2').wrapAll('<div class="wrapper" />'); Here's my HTML: /* from here */ <h2 class='test'>Include this in the wrap</h2> <p>this</p> <p>and this</p> <p>and this</p> /* to here */ <h2 class='next'>before this</h2> I would try: $("h2.test").nextUntil("h2").andSelf().wrapAll('<div class="wrapper" />'); It does seem to do the trick. 来源： https://stackoverflow.com/questions/7628339/jquery-wrap

There are a lot of questions about whether or not finding an element is faster via class or id or some other selector. I'm not interested in that. I want to know if you have: var link = $(this); //let's say you're in a click handler Is it faster to find the container by doing var container = link.closest('.container'); //assume container is .container or var container = $('#mycontainer'); //assume same element as above I'm asking this question not just for the particular scenario above (ok, well, yes, for this scenario too) but for cached traversal vs. creating a fresh jQuery object that has

<div id="main"> <div class="a"></div> <div class="b"><p>not me</p></div> <div class="b"></div> <div class="b"></div> <div class="c"></div> </div> How we can write a selector to select all divs with class b except whose child is <p>not me</p> ? $('div.b:not(:has(p))')......... Or the readable version $('div.b').filter(function(){ return !$(this).find('p').length; }); If you want to match the content as well: $('div.b').filter(function(){ return $(this).find('p').text() !== "not me"; }); Live DEMO demo http://jsfiddle.net/46nC5/1/ Since you are specifically looking for class b made a demo for

I'm trying to replace all text in between tags and I want to know the fastest way of doing so. An example would be trying to replace all text with the arbitrary string helloWorld, so that this: <div> <div> RandomText1 <div> RandomText2 </div> </div> </div> Becomes this: <div> <div> helloWorld <div> helloWorld </div> </div> </div> My current approach would be : Do Depth-first search (DFS) on DOM For each element parse and determine which part is text and which part is an element. For the part that is text replace it. This to me would be really slow, especially trying to do this for a large