Question

我想获得一组元素的第一个h3-tag。

示例：

<h3>Any title</h3>
<div>First></div>
<div>Second></div>
<div>Third></div>

<h3>Get result</h3>
<div>First></div>
<div>Second></div>
<div class="click">Third></div>

$('.click')应该给我结果<h3>Get result</h3>。但它不是直接的主流元素，所以我的尝试不起作用：

$('.click').prev('h3').text();

JSFiddle： http://jsfiddle.net/36p60n5u/

Answer 1

jQuery docs - .prev()：

说明：获取匹配元素集中每个元素的立即之前的兄弟元素，可选择由选择器进行过滤。

如上所述，.prev()会在前面的兄弟元素中获得。因此，您应该将.prevAll()与.first()或:first结合使用才能获得第一场比赛：

Updated Example

$('.click').prevAll('h3').first().text();

Answer 2

使用.prevAll()和:first Selector。试试这个：

$(document).on('click', '.click', function() {
    $('#result').text($(this).prevAll('h3:first').text());
});

DEMO

JQuery：获取前一个元素

2 个答案: