我正在嘗試向包含具有唯一 ID 的父容器的特定元素添加一個類。
我在一個 div 中包含多個按鈕，并且所有按鈕都使用相同的類。出于某種原因，我不能只使用 $(this)，所以我創建了一個回圈，為容器添加唯一 ID。
HTML
<div class='section'>
<div class='btn-container' id='btn-1'>
<button class='btn'></button>
</div>
<div class='btn-container' id='btn-2'>
<button class='btn'></button>
</div>
<div class='btn-container' id='btn-3'>
<button class='btn'></button>
</div>
</div>
查詢
$("button").click(function (e) {
e.preventDefault();
var target = $(e.target).parents(".button-container").attr("id");
console.log(target);
$(target).find(".btn").addClass("active");
});
我的目標是 ID 并且它作業正常，console.log 給了我正確的資訊。但是，由于某種原因，我無法添加該類。
預先感謝您的任何幫助！(:
編輯：我正在嘗試將活動類添加到 ID 中包含的按鈕。
示例：$("#btn-1 .btn").addClass("active"); 但根據點擊資訊動態填充 ID。
uj5u.com熱心網友回復：
保持簡單，這應該有效
$(document).ready(function() {
$("button").click(function (e) {
e.preventDefault();
$(e.target).addClass("active")
});
});.active{
border: 1px red solid;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='section'>
<div class='btn-container' id='btn-1'>
<button class='btn'>Test</button>
</div>
<div class='btn-container' id='btn-2'>
<button class='btn'>Test</button>
</div>
<div class='btn-container' id='btn-3'>
<button class='btn'>Test</button>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/375498.html
標籤：javascript html 查询 前端
上一篇：如何獲取部分類名的所有實體