Clicked 元素或类上的 jQuery $(this) 是如何工作的？ [复制]

Question

我有一个简单的 html sn-p。

<div class="group">
    <div class="A1_B1 symptom">
        <ul><li><a href="#" class="hit">Click Symptom</li></ul>
    </div>
    <div class="A2_B2 remedy">
        <ul><li><a href="#" class="hit">Click Remedy</li></ul>
    </div>
</div>

现在点击操作...

$(document).on("click", ".hit", function (ev) {
if($(this).parents(".symptom"))
    alert("Symptom Clicked");
if($(this).parents(".remedy"))
    alert("Remedy Clicked");
});

$(this) 应该只引用我单击的元素。为什么即使 if 条件不满足，它也会同时提醒两个 alert 语句？

Answer 1

如下修改你的代码

$(document).on("click", ".hit", function (ev) {
if($(this).parents(".symptom").length>0)
    alert("Symptom Clicked");
if($(this).parents(".remedy").length>0)
    alert("Remedy Clicked");
});

https://jsfiddle.net/1mz8s73b/