判断点击li标签增加背景色为红色,如果点击的是第2个strong,当前的li增加背景色为绿色,
HTML 代码:
<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>
</ul>
jQuery 代码:
$("li").click(function() {
var $li = $(this),
isWithTwo = $li.is(function() {
return $('strong', this).length === 2;//this是li对象,这种写法后面那个是作用域,在li中含有两个<strong>
标签的。
JQuery中$()返回的是个对象,所以判断某个元素是否存在,要根据取到
的长度来判断,if($("#aa").length>0){...}
DOM中就可以直接判断,if(document.getElemenyById("aa"))
});
if ( isWithTwo ) {
$li.css("background-color", "green");
} else {
$li.css("background-color", "red");
}
});
- list item 1 - one strong tag
- list item2 - twostrong tags
- list item 3
- list item 4
- list item 5