Javascript 确实是下一个具有特定类的元素
我是Jquery的新手,很抱歉我提出了一个愚蠢的问题 以下是我的HTML代码:Javascript 确实是下一个具有特定类的元素,javascript,jquery,html,Javascript,Jquery,Html,我是Jquery的新手,很抱歉我提出了一个愚蠢的问题 以下是我的HTML代码: <tr role="row" class="odd"> <td><input type="checkbox" class="mycheckbox" value="2166"></td> <td class="sorting_1">2166</td> <td><span class="myparentid">
<tr role="row" class="odd">
<td><input type="checkbox" class="mycheckbox" value="2166"></td>
<td class="sorting_1">2166</td>
<td><span class="myparentid">743</span>
</td><td>0</td>
</tr>
它不起作用,因为下一步只在兄弟姐妹中搜索
你能给我一个提示吗
谢谢 最简单的选择是向上转到一个公共父元素(在本例中为表行),然后返回到所需的父元素:
$(".mycheckbox").closest("tr").find(".myparentid")
编辑:添加一些附加信息:
$(".mycheckbox")
是起始位置,位于:tr>td>input.mycheckbox
(其中
表示html树的正下方)
最近的
在树上向上移动,直到找到匹配的父元素,因此最近的(“tr”)
将找到匹配的父元素
<tr role="row" class="odd">
但主要是更改语法。最简单的选择是先转到一个公共父元素(在本例中为表行),然后再返回到所需的父元素:
$(".mycheckbox").closest("tr").find(".myparentid")
编辑:添加一些附加信息:
$(".mycheckbox")
是起始位置,位于:tr>td>input.mycheckbox
(其中
表示html树的正下方)
最近的
在树上向上移动,直到找到匹配的父元素,因此最近的(“tr”)
将找到匹配的父元素
<tr role="row" class="odd">
但主要是改变语法。我认为他不想在
兄弟姐妹中搜索,因为我不工作,因为接下来只在兄弟姐妹中搜索…@GuruprasadRao不确定你在说什么.next
仅搜索同级(且仅在当前元素之后),这就是为什么此答案不使用。next
且不仅搜索同级。我的意思是,答案找到了与相同的东西。next
正确。但区别在于你现在来自父母。我不确定OP实际上打算找到什么..我不确定这是否会起作用(但错误阻止了我进一步)$(“.mycheckbox”)
获取第一行。最近的(“tr”)
获取第二行。查找(“.myparentid”)
获取第二行中具有“myparentid”类的子级。但是“myparentid”在第三行,而不是第二行!(顺便说一句,非常感谢你回答我的问题)令人惊讶的是,它起作用了!我需要调查以了解Nestest和findI的行为,他不认为他想在兄弟姐妹中搜索,因为我不工作,因为下一步只在兄弟姐妹中搜索…@guruprasadao不确定你在说什么.next
仅搜索同级(且仅在当前元素之后),这就是为什么此答案不使用。next
且不仅搜索同级。我的意思是,答案找到了与相同的东西。next
正确。但区别在于你现在来自父母。我不确定OP实际上打算找到什么..我不确定这是否会起作用(但错误阻止了我进一步)$(“.mycheckbox”)
获取第一行。最近的(“tr”)
获取第二行。查找(“.myparentid”)
获取第二行中具有“myparentid”类的子级。但是“myparentid”在第三行,而不是第二行!(顺便说一句,非常感谢你回答我的问题)令人惊讶的是,它起作用了!我需要调查以了解最接近者的行为并找到