/*mine才疏學淺,望大神繞行*/ .current{ color: red; font-size: large; }$(function(){//實現點擊標題的css和.lev1下麵的a標簽元素的...
/*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>