JQuery-单击验证ID时添加类

Question

我正试图将一个类添加到一个特定的元素中，该元素包含一个具有唯一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>

JQuery

$("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基于来自点击的信息动态填充。

Answer 1

保持简单，这应该能在中工作

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