我试图用jquery从嵌套列表中选择一个项目,但到目前为止我无法做到
这是我到目前为止所尝试的
Jquery的:
$(document).ready(function() {
var $target= ("div>ul>li>ol>li:nth-child(4)");
$target.fadeOut('fast');
});
这是我的HTML代码:
<div>
<ul>
<li>
<ol>
<li>something</li>
<li>something</li>
<li>something</li>
<li>something</li> <--- This is what I am trying to access
</ol>
</li>
<li>something else</li>
<li>something else</li>
</ul>
</div>
答案 0 :(得分:5)
试试这个
$(document).ready(function() {
var $target= $("div>ul>li>ol>li:nth-child(4)");
// or var $target= $("div>ul>li>ol>li:last-child");
$target.fadeOut('fast');
});
你忘记了$
答案 1 :(得分:1)
尝试此操作而不是$target.fadeOut('fast');
:
$($target).fadeOut('fast');
您正在尝试在非jQuery对象上使用jQuery方法。
<强> jsFiddle example 强>
答案 2 :(得分:1)
我尝试了Jonathan的答案并且有效。
相反,我在第一个“li”之前添加“:nth-child(1)”,以使目标更精确(我猜)。
$(document).ready(function() {
var $target = $("div>ul>li:nth-child(1)>ol>li:nth-child(4)");
$target.fadeOut('fast');
});