在前一个元素之前找到元素--jQuery

时间:2014-12-30 18:25:21

标签: javascript

我需要从当前元素中选择元素2。通常你可以使用.prev()来找到前面的元素,但我需要找到之前的元素。什么是找到这个最简单的方法?

var animation = $("div.services-block").prev();

我需要在services-block之前找到div并将其加载到变量中。

我的结构作为例子

<div class="wrapper">
<div class="services-block-item"></div>
<div class="services-block-item-match"></div>
<div class="services-block-item"></div>
<div class="services-block"></div>
</div>

假设我当前的元素是services-block,我需要查找并获取services-block-item-match。 (但这个班级名称可以改变)

2 个答案:

答案 0 :(得分:1)

如果您的“当前元素”发生变化,则以下某些代码可能会有用:

我使用了另一个示例:http://jsfiddle.net/swm53ran/5/来说明$(this)与.prev()。prev()的能力,这可能对您的问题有所帮助。

$(this).prev().prev().css('color', 'red');

在这个小提琴插图中,单击一个链接,然后jquery将前面2个点的元素更改为红色文本。有四个链接,因此如果单击4,链接2将为红色,如果单击3,则链接1将突出显示。

希望这有帮助!

答案 1 :(得分:0)

var animation = $(".services-block").prev().prev();