jQuery 1.2.6 caching

Question

Hi,

I'm doing quite a bit of DOM manipulation in my app, adding new nodes, and I've found that the children() function can get out of sync. I've got a tbody element with two rows, I use the children() function on this to do some manipulation with these rows. I then add two more rows to the tbody, when I use the children function again to do more manipulation I only get back the original two rows, not these plus the two rows I've just added. I'm doing a new call to children every time, not relying on any variable to auto-update. Is there any way to clear jQuery's cache - I've noticed problems like this a few times with selectors and got around it by selecting further up the DOM tree then navigating back down (i.e. don't select the tbody with a jQuery CSS selector, select the table then do table.tBodies[0].rows), but that won't work in this case.

Thanks, Phil

Answer 1

The children() function doesn't get out of sync. You have to execute that again if you changed the DOM. On modifying you can have a callback that remakes your array of matched elements. This is not a cache mechanism, is like JavaScript works: linear. Ajax calls are sometimes cached but doesn't seem the case here.

Recommendation Always use the latest version of jQuery: 1.3.2 now.

Update. So this is your code:

function removeGroup() { 
    var groupNodes = [ $('#row1')[0], $('#row2') ];  // is this correct? 
    var parent = groupNodes[0].parentNode; 
    if ( $(parent).children().length > 2) { 
        parent.removeChild(groupNodes[0]); // why not use dirrectly $('#row1')[0].remove();?
        parent.removeChild(groupNodes[1]); // same here
    } else { 
        alert("Can't delete last group"); 
    } 
}

This code has nothing to do with caching and most of it doenst even pass through jQuery. Better explain what you want to do and will do it.