jQuery$（this）在单击的元素或类上是如何工作的？

我有一个简单的html代码片段

<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>

---

$（这个）应该只引用我单击的元素。为什么即使if条件不满足，它也会同时警告这两条警告语句？

如下更改代码

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

---

父对象

返回一个对象，对象是JavaScript中的真实值。使用

父项（…）.length

代替。奇怪！这里的长度表示什么？@Jay，

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