jquery - jQuery 最接近我的列表的 ID

Question

希望您能提供建议，我正在尝试找到最接近的 ID 或父 ID。我认为它可能更容易向您展示。

这是一些示例代码。

<li id="search" class="widget color-green">
  <div class="widget-head"></div>
    <div class="edit-box" style="">
    <li class="item">
      <label>Available colors:</label>
        <ul class="colors">
          <li class="color-yellow"/>
          <li class="color-red"/>
       </ul>
    </li>
  </div>
</li>

所以在这个例子中，如果我点击列表项 color-red 或 color-yellow 我想找出最接近的 id 的值，在这个例子中是 search

我尝试了多种方法，但似乎无法确定。

如果可以的话，希望有人可以建议并提前感谢您。

Answer 1

这将满足您的要求：

$(function() {
    $('ul.colors > li').click(function() {
        alert($(this).closest('[id]').attr('id'));
    });
});

它检查具有该id属性的单击元素的最近父级。