JQuery-Toggle（）--使用TR类，但需要从映像执行操作

正在对一些JQuery进行一些清理

我需要使用JQuery切换来折叠行。我在这里找到了一个很好的例子，您可以使用TR类来设置切换范围的外部边界

这非常有效，但是TR中的每个元素都是“可点击的”，例如包含财务金额的TDs

建立了一个函数，该函数在第一列中添加前缀和图像。该图像应该是唯一可点击切换的对象。单击时，图像本身在状态之间切换（显示“+”或“-”）

我认为最好的方法是让类选择器在第一个TD中关注IMG。但是我不能理解正确的语法。我想知道，由于图像是由Prepend注入的，这是否会导致问题

我简要测试了使行切换驻留在图像交换函数中的想法，但遇到了问题

以下是JSFIDLE：

以下是稍微起作用的函数：

// Enable Row Toggle
$(document).ready(function () {
    $(".rowToClick").click(function () {
        $(this).nextUntil(".rowToClick").toggle();
    });
});

这是一个专注于第一个TD的函数，但没有正确切换（仅切换TR中的其余列）

---

谢谢

由于图像是该行的孙辈，您需要导航到切换代码的祖辈：

$(document).ready(function () {
    $(".rowToClick td:nth-child(1) img").click(function () {
        $(this).closest(".rowToClick").nextUntil(".rowToClick").toggle();
    });
});

---

巴尔马。非常感谢。我知道我很接近。我不能完全理解这种关系。我认为它与TD所在的位置相当。我想<代码> $（这个）。better@ArunPJohny谢谢我已将其更改为

.nexist（“.rowToClick”）

，因此它与用于查找图像的选择器一致。感谢提供新的详细信息。我的JQuery/Javascript之旅很有趣。实现同一目标有很多不同的方法。

$(document).ready(function () {
    $(".rowToClick td:nth-child(1) img").click(function () {
        $(this).closest(".rowToClick").nextUntil(".rowToClick").toggle();
    });
});