Question

假设我有一个名为the_div的div。在这个div中将有多个提交按钮。提交按钮是在页面上动态添加的。

<div id="the_div">
    ...other stuff
    <input type='submit' value='Add'>
    ...other stuff
    <input type='submit' value='Add'>
    ...other stuff
    <input type='submit' value='Add'> -need to select this one
</div>

有没有办法可以使用jQuery选择器来选择最接近div末尾的提交按钮？在上面的例子中，它将是第三个提交按钮。

Answer 1

使用last。

$('#the_div :submit:last')...

Answer 2

$('#the_div').find('input:submit').eq(-1)

这将选择#the_div内的最后一次提交。 eq()为您提供分配控制权。如果您想选择第一次提交，可以eq(0)，或者在最后一次提交之前eq(-2)

检查http://jsfiddle.net/cvcHf/

处的工作示例

Answer 3

你可以尝试这个

$("#THE_DIV").closest() or $('#the_div').find('input:submit').eq(':last');

请让我知道如果它不工作......那么

如何使用jQuery选择最接近给定div结尾的某个元素？

3 个答案:

检查http://jsfiddle.net/cvcHf/