Имеем:
<html>
<body>
<div>
<form>
<ul>
<li>
<label>Simple text 1</label>
<input type="text" name="inp1" value="Text 1">
</li>
<li>
<label>Simple text 2</label>
<input type="text" name="inp2" value="Text 2">
</li>
<li>
<label>Simple text 3</label>
<input type="text" name="inp3" value="Text 3">
</li>
<ul>
<input class="getInfoButton" type="button" value="Get Value">
</form>
</div>
</body>
</html>
Соль: Нужно получить значение, третьего <input>
, имея на руках такой селектор $(".getInfoButton")
Нужно решить эту задачу оптимально, тобишь если я потом захочу в DOM дереве переместить третий <input>
на несколько <li>
ниже (добавив между третьим и вторым <li>
еще пункты)
P.S Если такое решить невозможно, тогда как я понимаю нужно писать свою функцию
$('.getInfoButton').prev().children('input[type=text]').eq(3);
<input>
..." - нужно всегда обращаться к третьему по счету или к этому конкретно, независимо, каким он будет по счету в будущем?