159
技術社區[雲棲]
Jquery中next和children的區別
next找的是同級的節點，children找的是子節點
<div>
<ul>
<li ><a href="#">這是一級菜單1</a>
<ul>
<li ><a href="#">這是二級菜單11</a></li>
<li ><a href="#">這是二級菜單12</a></li>
</ul>
</li>
<li ><a href="#">這是一級菜單2</a>
<ul>
<li ><a href="#">這是二級菜單21</a></li>
<li ><a href="#">這是二級菜單22</a></li>
</ul>
</li>
</ul>
</div>
jquery代碼如下
$(document).ready(function(){
$("li.first").hover(function(){
$(this).children("ul").slideDown(); 找到的是如圖表示標黑的ul節點
},
function(){
$(this).children("ul").slideUp();
});
});
如果改成$(this).next("ul")，則找不到，因為沒有和它同一級的ul節點！
最後更新：2017-04-02 22:16:18