javascript - 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());

});

小提琴：http: //jsfiddle.net/Mcujp/4/

Answer 1

如果您尝试获取前面的兄弟，请使用.prev().

如果您试图获取父母的兄弟姐妹（如您的示例中），请使用.parent().prev().

Answer 2

尝试这个：

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

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

});

Answer 3

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

Answer 4

如果你想定位最接近父级的孩子，你可以按照下面的定义来做。

让我们假设你有一个 HTML

<div class="top-parent">
  <div class="parent">
    <button class="add-button">Child of 1st Parent DIV</button>
  </div>
  <div class="parent">
    <button class="add-button">Child of 2nd Parent DIV</button>
  </div>
</div>
<script>
$(document).on('click','.add-button',function(){
   $(this).parents('.parent').prev().closest('.parent').find('.add-button').text('im clicked by one of the button next to my parent')
   $(this).parents('.parent').remove();
})
</script>

同样，如果您想定位祖父母下一个父容器，则只需更改.prev()为.next()

希望我让定义变得简单:)