javascript - 在点击的<li>中获取最接近的div

我正在尝试获取li项目中最接近的DIV，以应用新类：

  <ul id="menu">
    <li class="here">
      <img src="image">
      <div class="border selected"></div>
    </li>
    <li class="here">
      <img src="image">
      <div class="border"></div>
    </li>
                            .....

我希望能够在li标记内单击并将“选择的”类应用于已经具有类边框的div。

我试图使用.closest和.find，但无法获得良好的结果。
有什么建议吗？谢谢！

编辑：https://jsfiddle.net/a8pm1aj7/

最佳答案

请查看此jsfiddle。

相关代码为：

$("#menu li").on("click", function(){
  $("#menu li div.border").removeClass("selected");
  $(this).find("div.border").addClass("selected");
});

此代码从所有先前选择的元素中删除.selected类。

如果我正确理解了您的问题，这应该对您有用。

关于javascript - 在点击的<li>中获取最接近的div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39481500/