找到最近的类

Question

点击.bg时如何获取或找到.button

<div class="button"></div>
<div class="title"></div>

<div class="content">
    <div class="white"></div>
    <div class="bg">
        Content Goes Here
    </div>
</div>

我正试图接下来，但后来我不知道如何进入.content div

$(document).ready(function(){
   $('.button').click(function(){
       $(this).next().next() ...
  });
});

我找了一个答案，但所有答案都是.closest() 我认为我需要与之相反的

Answer 1

尝试使用.siblings和.find()，如下所示： -

$(document).ready(function(){
   $('.button').click(function(){
      alert($(this).siblings('div.content').find('div.bg').html());
  });
});

Working Demo

Answer 2

您需要在遍历内容div后使用.find()：

$('.button').click(function(){
  console.log($(this).next().next().find('.bg'));
});

Working Demo

Answer 3

使用此

$(document).ready(function(){
   $('.button').click(function(){
      console.log($(this).next().next('.content').find('.bg').html()); 
  });
});

Demo here

Answer 4

您可以使用.nextAll（）和.find（）来遍历您的DOM：

$('.button').click(function(){
   alert($(this).nextAll('.content').find('.bg').html());
});

Demo

<强>参考

.nextAll()

.find()

Answer 5

其实我的意思是： 只查找第一个，以便其他人不受影响

$(document).ready(function(){
   $('.button').click(function(){
      $(this).siblings('.content:first').find('.bg');
  });
});