jQuery链接和切换不运行

Question

如果我运行此代码，

var waitRow = $(this).parent().parent().next().get(0);
$(waitRow).children('td:nth-child(2)').html('some text').toggle();

未调用切换。

如果我改为编写以下代码，它就可以了。为什么呢？

var waitRow = $(this).parent().parent().next().get(0);
$(waitRow).children('td:nth-child(2)').html('some text');
$(waitRow).toggle();

Answer 1

因为您正在切换子元素，而不是waitRow，我相信您可以使用.end()来实现此目的：

$(waitRow).children('td:nth-child(2)').html('some text').end().toggle();

回到父母那里。或者再次使用.parent()。

参考：http://docs.jquery.com/Traversing/end

Answer 2

第一个尝试切换children('td:nth-child(2)')包装集中的第一个项目。 html（）方法返回第一个匹配的项而不是整个集合。

第二个切换整行。