1 回答

TA貢獻1853條經驗 獲得超6個贊
您需要使用 找到div.sub被單擊的字段的父級$.closest,然后找到其i.dislike下方的元素以更改其類:
$(document).on("click", ".ar1 > i.like", function() {
$like = $(this);
$dislike = $(this).closest("div.sub").find("i.dislike");
$like.addClass("a1");
$dislike.addClass("a2");
});
.a1 {
color: green;
}
.a2 {
color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="sub">
<div class="ar1">
<i class="fa like">Like</i>
</div>
<div class="ar1">
<i class="fa dislike">Dislike</i>
</div>
</div>
<div class="sub">
<div class="ar1">
<i class="fa like">Like</i>
</div>
<div class="ar1">
<i class="fa dislike">Dislike</i>
</div>
</div>
<div class="sub">
<div class="ar1">
<i class="fa like">Like</i>
</div>
<div class="ar1">
<i class="fa dislike">Dislike</i>
</div>
</div>
添加回答
舉報