gpt4 book ai didi

javascript - 使用 jQuery 检索子按钮的特定父级

转载 作者:行者123 更新时间:2023-12-02 16:22:39 24 4
gpt4 key购买 nike

我有这个 html 结构(非常通用),div 的 id 是通过创建顺序对象的函数动态添加的:

 <div id="mydiv1">
<div> Stuff</div>
<div>
<button id="remove"></button>
</div>
</div>

“删除”按钮应该删除他所在的 div,因此我必须检索 div 的 id 才能执行此操作。我不知道怎么。如何使用 jQuery 进行制作?谢谢

<form>
<div id="mydiv1">
<div> Stuff</div>
<div>
<button id="remove"></button>
</div>
</div>
<div id="mydiv2">
<div> Stuff</div>
<div>
<button id="remove"></button>
</div>
</div>
</form>

我尝试过:

("#remove").click(function(event) {
var id = event.target.id;
}

但结果是:“remove”而不是“mydiv1”或“mydiv2”

最佳答案

您应该使用 class 而不是 id 作为按钮(id 应该是唯一的):

$('.remove').click(function() {
$(this).closest('div[id^="mydiv"]').remove();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form>
<div id="mydiv1">
<div>Stuff 1</div>
<div>
<button class="remove">REMOVE</button>
</div>
</div>
<div id="mydiv2">
<div>Stuff 2</div>
<div>
<button class="remove">REMOVE</button>
</div>
</div>
</form>

编辑:更新为OP发布的新代码

关于javascript - 使用 jQuery 检索子按钮的特定父级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28963082/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com