我的 HTML 結構如下：
<a class="parent-element">
<h2 class="link1">link</h2>
</a>
<a class="parent-element">
<h2 class="link2">link</h2>
</a>
<a class="parent-element">
<h2 class="link3">link</a>
</a>
我想將類添加到單擊鏈接的父元素中，例如，我單擊“link1”然后更改其父元素的背景，然后當我單擊“link2”時將類添加到“link2”并洗掉來自“鏈接1”
我正在嘗試：
$(".parent-element").addClass("myClass");
但是，這遠不是我想要的:)
提前致謝！
uj5u.com熱心網友回復：
使用this關鍵字將類添加到當前元素。
$(".parent-element").click(function() {
$(".parent-element").removeClass("active");
$(this).addClass("active");
}).active{
color: hotpink;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a class="parent-element">
<h2 class="link1">link</h2>
</a>
<a class="parent-element">
<h2 class="link2">link</h2>
</a>
<a class="parent-element">
<h2 class="link3">link</h2>
</a>uj5u.com熱心網友回復：
你可以試試這個 -
$(".parent-element").click(function() {
$(".parent-element").removeClass("myClass");
$(this).addClass("myClass");
}).myClass {
color: red;
}<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<a class="parent-element">
<h2 class="link1">link</h2>
</a>
<a class="parent-element">
<h2 class="link2">link</h2>
</a>
<a class="parent-element">
<h2 class="link3">link
</a>uj5u.com熱心網友回復：
您可以使用 event.target.parentNode.classList.add("clicked") 定位父級，但使用您當前的代碼，您不需要定位父級或使用 js 來更改顏色。因為標簽是可點擊元素（不是 h2），當你點擊它時，瀏覽器知道事件、目標元素等。你可以簡單地創建一個 CSS 類，如
a.parent-element:visited {
color: green;
}
所以，你甚至不需要 js
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/466593.html
標籤：javascript html jQuery css