javascript - jQuery 点击 div 触发器，子 div 触发它

Question

因此，当用户点击 div popu 时，它会触发 hide()，这很好，但是当我点击文本时，它会关闭，但我希望它保持打开状态。

HTML:

<div id="s" class="popu"><img class="tri" src="img/whtri.png"/>
    <div class="textb"><center style="font-size:14px;">Item Title</center>
        <span style="font-size:12px;">Description this is an item that is very good and i like it very much! I like <a href="f.php">More...</a>
        </span>
        <span style="">
        </span>
    </div>
</div> 

JavaScript/JQUERY:

$("body").click(function (e) {
        if (!$(e.target).hasClass("popu")) {
            $("#s").hide(200)
        }
    })

请记住这是一段代码

任何帮助都会很棒!

Answer 1

不要只检查被点击元素上的类，点击元素的任何子元素都会失败，检查任何父或被点击元素是否有类，这是可以做到的与 closest()

$("body").click(function (e) {
    if (!$(e.target).closest(".popu").length) {
        $("#s").hide(200)
    }
});