jquery - 获取之前有条件的 LI

Question

我无法理解这个问题。看起来很简单。

<ul class="steps anchor">
<li><a href="#step-1" class="done" isdone="1" rel="1"><label class="stepNumber">1</label></a></li>
<li><a href="#step-2" class="disabled" isdone="0" rel="2"><label class="stepNumber">2</label></a></li>
<li><a href="#step-3" class="selected" isdone="1" rel="3"><label class="stepNumber">3</label></a></li>
<li><a href="#step-4" class="disabled" isdone="0" rel="4"><label class="stepNumber">4</label></a></li>
</ul>

我想要什么:我想选择当前的Li (class="selected") (=3)然后想要获取先前具有 class="done"的 LI 的 rel。

$('ul.steps li a.selected').prev('li').hasClass('done').html()

我就是这么想的。也许有人可以帮助我朝正确的方向发展？谢谢

编辑:我用 class="done"表示 Li。但这必须是:我想要的是:我想选择当前的a (class="selected") (=3)然后想要获取前一个具有 class="done"的 rel。

编辑2:

<ul class="steps anchor">
<li><a href="#step-1" class="done" isdone="1" rel="1"><label class="stepNumber">1</label></a></li>
<li><a href="#step-2" class="done" isdone="1" rel="2"><label class="stepNumber">2</label></a></li>
<li><a href="#step-3" class="done" isdone="1" rel="3"><label class="stepNumber">3</label></a></li>
<li><a href="#step-4" class="disabled" isdone="0" rel="4"><label class="stepNumber">4</label></a></li>
<li><a href="#step-5" class="disabled" isdone="0" rel="5"><label class="stepNumber">5</label></a></li>
<li><a href="#step-6" class="selected" isdone="1" rel="6"><label class="stepNumber">6</label></a></li>
</ul>

我已经更新了我的 Li 结构。现在假设我在 LI 6。我想通过 a[class='done'] 转到上一个 LI。所以a[rel=3]。你的答案总是返回第一个 LI (1)。

Answer 1

如果你想以这种方式选择元素效率不高，你可以使用prevAll all方法:

$('a.selected').parent().prevAll('li:has("a.done")').find('a').attr('rel');

http://jsfiddle.net/pn72t/

或者:

$('a.selected').closest('ul').find("a.done:first").attr('rel')