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

#jquery #jquery-selectors

#jquery #jquery-селекторы

Вопрос:

Допустим, у меня есть div с именем the_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? В приведенном выше примере это была бы третья кнопка отправки.

Ответ №1:

Используйте last.

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

Ответ №2:

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

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

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

Ответ №3:

ВЫ МОЖЕТЕ ПОПРОБОВАТЬ СЛЕДУЮЩИМ ОБРАЗОМ

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

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