同一节点中的JQuery最近元素

时间:2013-06-15 13:58:16

标签: javascript jquery html

使用JQuery,我如何选择与我正在使用的元素位于同一节点的某个类型的最近的元素?

例如:$('#errorDate')开始,想要选择最近的span

<td width="318" class="body">
    <input name="errorDate" type="text" id="errorDate" class="txtInputs" />
    <span class="errorDes"id="errorDes"></span>
</td>

4 个答案:

答案 0 :(得分:2)

[用小提琴更新]

如果你想选择第一个下一个兄弟:

$('#errorDate').nextAll('span:first')

和第一个上一个:

$('#errorDate').prevAll('span:first')

查看fiddle

答案 1 :(得分:2)

你可以简单地做

$('#errorDate').next('span')

或者只是

$('#errorDate').next()

答案 2 :(得分:2)

了解更多详情,如果您有兴趣,请查看https://github.com/gilmoreorless/jquery-nearest

答案 3 :(得分:1)

选择此选项有很多选择,

var firstspan=$('#errorDate').closest('td').find('span:first-of-type');

var firstspan=$('#errorDate').closest('td').find('span.errorDes');

var firstspan=$('#errorDate').next('span.errorDes');

var firstspan=$('#errorDate').closest('td').find('span:first');