获取第一个下一个元素

时间:2015-08-14 08:48:25

标签: javascript jquery css

我尝试获得第一个下一个div选择器,所以我可以使用它的css,但我可以设法做到这一点,由于某种原因它返回一个对象。我可能有错误的知识关于' next'

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'));
}

1 个答案:

答案 0 :(得分:1)

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

&#13;
&#13;
function Find(x) {
  $(x).nextAll('div').first().css({
    'display': 'none'
  });
}
&#13;
<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>
&#13;
&#13;
&#13;

由于您使用的是jQuery,请尝试使用jQuery事件处理程序