You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Laravel循环中仅移除选中行的class?JS问题求助

解决Laravel循环中点击按钮仅移除当前行元素的d-none类问题

你遇到的问题核心是全局选择器影响了所有匹配元素,原来的代码$('.menu').removeClass('d-none')会把页面上所有带menu类的元素都移除d-none,自然达不到只操作当前行的效果。我们可以通过事件触发的上下文来精准定位目标元素,以下是两种可行的解决方案:

方案一:利用兄弟元素关系定位

因为你的a.remove-d-none和div.menu是同一个<td>下的同级元素,直接用siblings()方法找到当前按钮的兄弟元素即可:

$('.remove-d-none').on('click', function(){
    // 仅操作当前点击按钮的兄弟元素中的.menu
    $(this).siblings('.menu').removeClass('d-none');
});

方案二:通过父级行元素范围查找

如果后续DOM结构有调整(比如元素层级变化),可以先定位到当前行的<tr>,再在这个范围内查找目标元素,这种方式兼容性更强:

$('.remove-d-none').on('click', function(){
    // 先找到当前按钮所在的行,再在该行内找.menu
    $(this).closest('tr').find('.menu').removeClass('d-none');
});

额外注意事项

我注意到你代码里写的是<div class="d-none manue">,这里的manue应该是笔误,要改成menu,否则选择器.menu会找不到这个元素,这也可能是你之前代码未生效的原因之一哦!

内容的提问来源于stack exchange,提问作者user14477068

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.09 20:07:51