jquery поперечный для того, чтобы получить детей в пределах ребенка

Question

У меня возникли проблемы с выяснением наилучшего способа поперечного перемещения от form в качестве источника и найти входы, которые у ребенка.

Heres моя форма:

<form class="ajax-submit-createuser clr mrg-btm-med" method="post" action="./createuser.php"> 
    <table class="fixed"> 
    <tr> 
     <td><p>Enter Username</p></td> 
     <td><input name="formName" type="text" placeholder="Username" autocomplete="off" required /></td> 
    </tr> 
    <tr> 
     <td><p>Enter Email Address</p></td> 
     <td><input name="formEmail" type="email" placeholder="Email Address" autocomplete="off" required /></td> 
    </tr> 
    <tr> 
     <td><p>Enter Password</p></td> 
     <td><input name="formPass" type="password" placeholder="Enter Password" autocomplete="off" required /></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td><button class="trg-createuser btn btn-default"><i class="fa fa-fw fa-plus"></i> Create</button></td> 
    </tr> 
    </table> 
</form> 

Я попытался:

var formname = $(this).closest("input[name=formName]").val(); 

и

var formname = $(this).siblings().siblings("input[name=formName]").val(); 
var formname = $(this).siblings().siblings().siblings("input[name=formName]").val(); 

Но они, кажется, не работает, что это лучший способ пересекающих как это?

Answer 1

Вы можете использовать find(). Предполагая, что this относится к элементу form, попробуйте следующее:

var formname = $(this).find("input[name=formName]").val(); 

Для справки, closest() будет найти ближайший родительский элемент, соответствующий данной селектор. siblings() используется для поиска элементов с тем же самым родителем, что и текущий, он вообще не поднимается/опускается по DOM.

Answer 2

$("form.ajax-submit-createuser").find('input[name=formName]').val(); 

Answer 3

Вы можете использовать $ (this) .children ("input"), чтобы получить форму дочерних элементов ввода типа.

https://api.jquery.com/children/