Javascript 表中的jQuery父项()

Javascript 表中的jQuery父项(),javascript,jquery,html,Javascript,Jquery,Html,我想在以下HTML代码中访问div标记: <table> <div class="rowBound"> <tr onclick="expandLastResultDetails(this);"> <td class="c1">56835-14513</td> ... </tr> <tr class="rowDetails">

我想在以下HTML代码中访问div标记:

<table>
    <div class="rowBound">
      <tr onclick="expandLastResultDetails(this);">
        <td class="c1">56835-14513</td>
        ...
      </tr>
      <tr class="rowDetails">
        <td colspan="0">
        <div style="background-color: #0F9;"> expandable
         </div></td>
      </tr>
    </div>
</table>
我想要的是: 如果有人单击tr,则应使用slideToggle为rowDetails设置动画

如果我使用此代码:

function expandLastResultDetails(tableEntry) {
    var content =$(tableEntry).parent().children('.rowDetails');
    $(content).slideToggle('slow', function () {
        // Animation complete.
    });
}

它切换所有行,但它应该只切换一行,所以我将它们嵌套到一个分区中,可能这是错误的

您尝试了什么命令?你可以用这个:

$(".rowDetails tr td div");

而且,在
内部不能有

您尝试了什么命令?你可以用这个:

$(".rowDetails tr td div");
而且,在
内部不能有

试试这个:

$('tr.rowDetails').find('div');
但是,您的标记无效
tr
表的元素,而不是
div

要获取外部父级
div

$('tr.rowDetails').closest('div');
编辑后 试试这个:

$('tr.rowDetails').find('div');
但是,您的标记无效
tr
表的元素,而不是
div

要获取外部父级
div

$('tr.rowDetails').closest('div');
编辑后
由于您的标记无效,浏览器可能会为您插入tbody和table(查看FireBug/Dev工具中的标记)。类似于
$(“.rowDetails”).parent().parent().parent()
的东西可以工作(在某些浏览器中),但我建议改为修复标记

,因为您的标记无效,浏览器可能会为您插入tbody和表(请查看FireBug/Dev工具中的标记)。类似于
$(“.rowDetails”).parent().parent().parent()
的东西可以工作(在某些浏览器中),但我建议改为修复标记

尝试
$(“.rowDetails”).closest('div.rowBound')

它将从当前元素(向外)冒泡,直到找到一个div元素

希望对您有所帮助

尝试
$('.rowDetails')。最近('div.rowBound')

它将从当前元素(向外)冒泡,直到找到一个div元素



希望有帮助

您的标记无效<代码>
元素是表的一部分,而不是块。很抱歉,这只是代码的一部分,让我来编辑..也许可以尝试设置
tbody
的动画(如果要同时设置所有
tr
元素的动画)我认为在这样的表定义中嵌套
div
是不正确的。您的标记是无效的<代码>
元素是表的一部分,而不是块。很抱歉,这只是代码的一部分,让我来编辑..也许可以尝试设置
tbody
的动画(如果要同时设置所有
tr
元素的动画)而是将它们包装到该div中。我认为在这样的表定义中嵌套
div
是不正确的。它应该是动态的,所以我想给jQuery一个“this”referenceTool!非常感谢。。你知道为什么slideToggle不滑动吗?好的,我知道了:var content=$(tableEntry)。next('.rowDetailsRow')。children('td')。children('div');非常感谢:)它应该是动态的,所以我想给jQuery一个“this”referenceTool,它正在工作!非常感谢。。你知道为什么slideToggle不滑动吗?好的,我知道了:var content=$(tableEntry)。next('.rowDetailsRow')。children('td')。children('div');非常感谢:)OP想要的是外部div,而不是inner@ZoltanToth首先,HTML本身是错误的。。。不管怎样,OP谈论的是哪个
div
?OP想要的是外部div,而不是外部divinner@ZoltanToth首先,HTML本身是错误的。。。无论如何,OP谈论的是哪个
div
?它应该是动态的,所以我想给jQuery“this”引用您到底想要实现什么?您提到您想要使用“this”。你指的是什么?单击的
tr
?它应该是动态的,所以我想给jQuery“this”引用您到底想要实现什么?您提到您想要使用“this”。你指的是什么?单击的
tr