Just wonder this for a long time. I have store a variable like, var sth = $("#mydiv ul li"), so I am able to do something like
sth.each(function(){
//
});
now I'd like to add an extra a tag at the end, like $("#mydiv ul li a") how do apply a to sth
should like $(sth + 'a')?
EDIT 2: sorry I was right in fact... $.add(); to add a selector
var sth = $('ul li');
sth.add('a').each(function () {
});
// === $('ul li, a');
Or if you prefer to find a new selectors in the children of sth.
sth.find('a').each(function () {
});
// === $('ul li a');
add is the word :-)
$('ul li').add('a') would give you the same as $('ul li, a'), not $('ul li a')$('#mydiv ul li').add('a') will include all <a> tags on the page, where $("#mydiv ul li a") would not.$('a', sth).each(function(){
...
});
finds all anchors inside sth.
.find() is that you have to break the chain. e.g. you can't easily do the equivalent of sth.show().find('a').hide()operation().operation().operation() ...sth.show() is the first operation to run, but is written in the middle of the expression. For a simple case like this, it's not much different, but as complexity grows, chaining is a key feature of jQuery which makes for much more readable code. Consider just one more level of nesting: $('.external', $('a', sth.show()).addClass('magic')).hide() vs sth.show().find('a').addClass('magic').find('.external').hide()$(elem).append( elem2.append( elem3.prepend(anchor.find('a')) ) ) etc. makes sense to me ?If I understand correctly and you want to targert the a descendants of sth, you should try:
sth.find('a').each(function(){
That would be the equivalent of $("#mydiv ul li a")
I think what you're looking for is .find().
As the documentation puts it, it "Searches for descendent elements that match the specified expression." In most cases, this is the same as adding an extra word to your CSS selector.
So in your example you can do sth.find('a').each( ... )
