如何获取下一个元素jquery的id？

Question

这里是html代码，我想从带有类coba的clicked元素获取下一个元素的id，或者获取元素表类coba2的id。

<div class="dropdown">
  <label>Kategori</label>
  <button class="btn btn-default dropdown-toggle" type="button" id="jenis_kues" data-toggle="dropdown">Tambah Pertanyaan
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="jenis_kues">
    <li role="presentation">
      <a class="coba" id="teks" role="menuitem" tabindex="-1" href="#" onclick="tambah_kues_teks()">Teks</a>
    </li>
  </ul>
</div>
<table class="coba2" id="kues_teks-'+i+'">
</table></div>

我试过使用这个脚本

var a = $('.coba').next('.coba2'); alert(a.attr('id'));

但它显示我未定义，任何人都知道如何？

Answer 1

您需要前往DOM树，直到与.coba2处于同一级别：

var id = $('.coba').closest('.dropdown').next('.coba2').attr('id');
alert( id );

Answer 2

你应该使用

var a = $('.coba').parents('.dropdown').next('.coba2'); alert(a.attr('id'));