<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<ul>
<li><strong>list</strong> item 1 -
one strong tag</li>
<li><strong>list</strong> item <strong>2</strong> -
two <span>strong tags</span></li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
<li>list item 6</li>
</ul>
<script type="text/javascript">
$('li').filter(function(index) {
return $('strong', this).length == 1;
}).css('background-color','red');
</script>
</body>
</html>
Given the HTML above, what’s the meaning of the comma in the selector below?
return $('strong', this).length == 2;
What will happen if I remove the word ‘strong’?
It sets
thisas the context from which the query is performed.An equivalent (and slightly more efficient) way to write it is:
When I say equivalent, I mean behind the scenes, it is actually flipped around into the version above.
If you remove the
'strong', you won’t have a valid selector. You’ll be doing:Looks like it just returns an empty jQuery object, which means
lengthwill be0, so you won’t get any elements out of the.filter().Reference:
http://api.jquery.com/jQuery/
jQuery( selector [, context ] )
context
Type: Element or jQuery
A DOM Element, Document, or jQuery to use as context