Question

我有这个HTML：

<div>
    <div><!-- all div without ID -->
        <span>some text</span>
        <div>
          <span id="listener1">click here</span>
          <span>sometext</span></div>
        <div>

        <span class="FIND_ME">Result Here</span></div>
    </div>

    <div>
        <span>some text</span>
        <div id="div1">
         <div id="div2">
          <span id="listener2">click here</span>
          <span>sometext</span></div>
         </div>
        <div>

        <span class="FIND_ME">Result Here</span></div>
    </div>
</div>

应该是以下逻辑：当我点击“点击这里”时，带有“FIND_ME”类的元素应该隐藏，这是按下按钮时最近的共同祖先。是否有可能做到这一点？

$("#listener1").click(function(){
    $(this).<SUPER_SEARCHING>.hide(); // for example hide, or add some CSS class
});

Answer 1

您可以找到其中包含元素.find_me的最近div：

$("#listener1").click(function(){
   $(this).closest('div:has(.FIND_ME)').find('.FIND_ME').hide();
});

<强> Working Demo

搜索具有共同祖先的项目

1 个答案: