我想确定点击的"li"下面是否有/包含"ul"。
<ul id="menu">
<li>Item One</li>
<li>Item Two
<ul>
<li>Sub One</li>
<li>Sub Two B</li>
</ul>
</li>
<li>Item Three</li>
</ul>
我的多次尝试总是返回 true,因为我的方法考虑了所有内容,包括"这个":
$('ul#menu li').click(function() {
if ($(this).has('ul')) {
...do something...;
}
return false;
});
或
$('ul#menu li').click(function() {
if ($(this).find('ul')) {
...do something...;
}
return false;
});
或者再试一次:
$('ul#menu li').click(function() {
if ($(this).filter(function( index ) {
return $( "ul", this ).length >= 1;
}) ) {
...do something...
}
return false;
});
我最终把这个拼凑在一起,有效,但不优雅:
$('ul#menu li').click(function() {
var offspring = $(this).children().toArray();
if (offspring.length == 3) { //ul in object adds 2 to length
...do something...
}
return false;
});
这似乎不费吹灰之力,但我一定错过了一些基本的东西。
思潮?
.has() 返回一个 jquery 对象,因此将始终返回 true。似乎您需要检查它是否有任何与 .length 匹配的元素:
$('ul#menu li').click(function() {
if ($(this).has('ul').length) {
...do something...;
}
return false;
});