最近/下一個div選擇jquery

Question

我有這樣的HTML：

<table>
 <tr>
  <td>
    <button class="popup" id="$row[0]"></button>
  </td>
 </tr>
</table>



 <div class="details">
   <div id="section-2">
   </div>
 </div>

這里是JQuery腳本：

    $(document).ready(function() {
      $('.popup').click(function () {
      // something like this : $(this).next(".details").dialog('open');
        $('.details').dialog('open');
        });
      });
    });

我想用類詳細信息對最近/下一個div進行對話

Answer 1

details元素是table元素的下一個兄弟，所以使用.closest（）查找button的表祖先然后使用.next（）來查找details元素

$(document).ready(function () {
    $('.popup').click(function () {
        // something like this : $(this).next(".details").dialog('open');
        $(this).closest('table').next('.details').dialog('open');
    });
});