元素的值如何从…曾祖父那里改变

Question

我有动态生成的面板，并且每个面板中都有一个表格也是动态生成的。

通过单击删除按钮，我想减小`span.rows-counter的值，但仅减小其各自面板的值。

我目前为此操作完全重载了页面，显示了更新的值，但是我希望这种体验更好，只需降低计数器。

Answer 1

使用target属性来匹配正确的面板父级。看起来像这样：

$(".deleteItem").click(function(){
    let targetId = $(this).closest(".collapse").attr("id");
    let counter = $(".list-group-item[data-target='#"+ targetId +"']").find("#counter-" + targetId);
    counter.text(parseInt(counter.text()) - 1);
});

几乎总是有一种使用这些jquery函数的组合的解决方案：最近的（）; parent（）; children（）;下一个（）; prev（）; find（）;

此外，使用更详细的类名通常可以简化解决方案。例如，我可以给.list-group-item另一个类，如.menu-item。