gpt4 book ai didi

javascript - 单击子范围中的 X 标记时如何隐藏元素

转载 作者:行者123 更新时间:2023-11-28 15:18:33 24 4
gpt4 key购买 nike

如何在单击 span 标记中的 X 标记时隐藏 div 标记?

代码:

<c:if test="${not empty model}">
<div class="row">
<c:forEach var="listValue" items="${model}">
<div class="col-md-4" style="background-color:green;"> --> I want to hide this div
<table class="table">
<tr>
<td colspan="2">
<span class="pull-right">X</span>
</td>
</tr>
<tr>
<td>Product ID</td>
<td>${listValue.id}</td>
</tr>
<tr>
<td>Product Name</td>
<td>${listValue.name}</td>
</tr>
<tr>
<td>Product Description</td>
<td>${listValue.description}</td>
</tr>
</table>
</div>
</c:forEach>
</div>
</c:if>

最佳答案

使用.closest()获取周围的div

$(".pull-right").on("click", function() {
$(this).closest(".col-md-4").hide();
});

关于javascript - 单击子范围中的 X 标记时如何隐藏元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32548818/

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