Question

<div class="a" style="display:none">Content 1</div>
<div class="a" style="display:none">Content 2</div>

some other HTML...

<span id="b">foobar</span>

如何匹配span id =“b”上方的第一个div class =“a”来显示（）它？ id =“b”是我之前唯一知道的事情。

Answer 1

像这样：

$('#b').prevAll('.a:first').show();

Answer 2

$("#b").closest(".a").show();

试试。

Answer 3

元素是否共享祖先？如果是这样，你可以将inkedmn和SLaks的答案结合起来：

$('#b').closest('parentType').prevAll('.a:first').show();

或类似的东西，取决于您的DOM。

Answer 4

只要我正确理解多个选择器，这应该有效。它将获得所有具有类'a'的div和具有id'b'的span。根据{{3}}，它们将按文档顺序排列。然后，您需要在span标记之前获取div并显示它。

var elems = $('span#b, div.a');
var divIndex;
for (var i = 0; i < elems.length; i++)
{
    if (elems[i].tagName == "SPAN")
    {
        divIndex = i - 1;
        break;
    }
}

$(elems[divIndex]).show();

jQuery：找到以前的div

4 个答案: