Как выбрать определенный элемент, который ближе всего к концу данного div с помощью jQuery?

Question

Допустим, у меня есть div с именем the_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

Использование последний .

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

Answer 2

ВЫ МОЖЕТЕ ПОПРОБОВАТЬ, КАК ЭТО

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

ПОЖАЛУЙСТА, ДАЙТЕ МНЕ, ЧТО ЭТО НЕ РАБОТАЕТ .. TH

Answer 3

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

Это выберет последнюю отправку внутри #the_div. eq() дает вам полный контроль. Если вы хотите выбрать первую отправку, вы можете сделать eq(0), или до последней, вы можете сделать eq(-2)

Проверьте рабочий пример на http://jsfiddle.net/cvcHf/