jQuery:使用类查找上一个元素

Question

我有一个非常简单的问题.

如何找到另一个元素的前一个元素？我尝试了下面的代码没有成功.

HTML:

<div class = "A">HERE</div>

<div class="B">
    <div class="C" style="width:50px;height:50px;background-color:#000000;"></div>
</div>

JS:

$('.C').click(function() {

        alert($(this).closest('.A').html());

});

Answer 1

如果您正在尝试获得前面的兄弟,请使用.prev().

如果您正在尝试获取父级的兄弟(如在您的示例中),请使用.parent().prev().

当您尝试根据某个元素与另一个元素的接近度来查找它时，这是正确的。如果邻近性不是问题，则结构并不重要，因为可以使用诸如$（'。A'）之类的选择器来匹配元素。 (2认同)

Answer 2

试试这个:

$('.C').click(function() {

        alert($(this).parent().prev('.A').html());

});

Answer 3

$('.C').click(function() {
   alert($(this).closest('.B').prev('.A').html());
});