Question

我想从四列表的第四列切换单个元素。例如，如果单击第五行第三列中的元素，则只应切换第五行第四列中的元素。

我的当前代码仅切换第四行第四列元素，无论单击哪个第三列元素。

$('td:nth-child(4),th:nth-child(4)').hide();

$('td:nth-child(3)').click(function() {
    $('td:nth-child(4),th:nth-child(4)').eq(4).toggle();
});

第四栏＆＃39;＆＃39;元素也没有切换。

Answer 1

你必须以某种方式引用点击的td。这是一种方式：

Serializable

Answer 2

查找距离最近的tr，选择第4列，然后选择toggle：

$('td:nth-child(4),th:nth-child(4)').hide();

$('td:nth-child(3)').click(function() {
    var currentTdCol4 = 
    $(this).closest('tr').children('td:nth-child(4)');
    $(currentTdCol4).toggle();
    $('th:nth-child(4)').toggle();
});

以下是我的示例：Link

切换一个单一的＆＃39;列中的元素

2 个答案: