jQuery 仅选择与祖 parent 具有相同类别的直接父级

Question

我在选择与该父元素的父元素具有相同类的元素的直接父元素时遇到问题。

<div class="myClass">
  <div class="myClass">
    <div class="myClass">
      <div class="myElement" data-background="background_color_1"></div>
    </div>
  </div>
</div>

因此只有直接父级才能从数据背景值中添加一个类。

$('.myElement').each(function(){
    var that = $(this);
    var data_bg = that.attr('data-background');
    that.parents().closest().addClass('column-bg').addClass(data_bg);
});

仅对最近的 parent 和最近的 parent 进行了尝试，如果我不理会 parent ()，它将全部应用。有人能帮我吗。谢谢

Answer 1

使用.closest('.myClass') .它将获得最近的(即第一个)具有类“myClass”的祖先。

$('.myElement').each(function(){
    var that = $(this);
    var data_bg = that.attr('data-background');
    that.closest('.myClass').addClass('column-bg').addClass(data_bg);
});