/*mine
才疏学浅,望大神绕行
*/
.current{
color: red;
font-size: large;
}
$(function(){
//实现点击标题的css和.lev1下面的a标签元素的显示/隐藏
$(".lev1 > a").click(function(){
$(this).addClass("current").next().show().parent().siblings().children("a").removeClass("current").next().hide();
return false;
})
});
<div>
<ul>
<li class="lev1">
<a href="#">衬衫</a>
<ul class="lev2">
<li><a href="#">格兰仕</a></li>
<li><a href="#">阿尔族</a></li>
<li><a href="#">森马</a></li>
</ul>
</li><br/>
<li class="lev1">
<a href="#">羊毛衫</a>
<ul class="lev2">
<li><a href="#">羊毛衫1</a></li>
<li><a href="#">羊毛衫2</a></li>
<li><a href="#">羊毛衫3</a></li>
</ul>
</li>
</ul>
</div>
<!--下面是来嘚瑟编码的。。。-->
//在id为table的表格tbody中,若每行的checkbox没被禁用,则改变其背景为red;
$("#table>tbody>tr:has(td:has(:checkbox:enabled))").css("background","red");
<tbody>
<tr>
<td><input type="checkbox" disabled="disabled">x1</td>
<td>aaaaa</td>
</tr>
<tr>
<td><input type="checkbox">x2</td>
<td>bbbbb</td>
</tr>
</tbody>