javascript - 获取第一个下一个元素

Question

我尝试获取第一个下一个 div 选择器，所以我可以使用它的 css，但我可以设法做到，由于某种原因它返回一个对象。我可能对“下一个”有错误的了解。

HTML:

<div class="bla" onclick="Find(this.className);"></div>
<p></p>
<div class="first"></div>
<div class="second"></div>

Javascript:

function Find(x){
   $('.'+x).next('div:first').css({'display': 'none'});
   console.log($('.'+x).next('div:first'));
}

Answer 1

你不能使用 next 因为它只会搜索下一个兄弟元素

function Find(x) {
  $(x).nextAll('div').first().css({
    'display': 'none'
  });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="bla" onclick="Find(this);">d</div>
<p></p>
<div class="first">f</div>
<div class="second">s</div>

---

既然你正在使用 jQuery，请尝试使用 jQuery 事件处理程序