Javascript 表中的jQuery父项()
我想在以下HTML代码中访问div标记: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">
<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
?