获取最接近点击按钮的UL的ID

Question

如何获取最接近使用jquery点击的按钮的ul的id？第二组中的按钮似乎正在返回我最顶级的ul。感谢。

 div class="First">
    <ul id="One">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
     <button type="button"  id="4444" onclick="GetClosestUl()">Get Closest Ul to button</button>
</div>
<div class="First">
    <ul id="Two">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
     <button type="button"  id="5555" onclick="GetClosestUl()">Get Closest Ul to button</button>
</div>

<script type="text/javascript">
function GetClosestUl() {
    console.log($("button").closest() + "   this is ul id");
}
</script>

Answer 1

查看此fiddle。您还应该查看.closest here.的api文档 您在单击按钮时调用函数的正确轨道，但您对closest方法的实现是错误的。我上面做的是绑定click事件（e），然后使用jQuery获取事件的目标元素（e），然后在预期的庄园中使用closest方法。