jQuery: как получить val() детей ('input'). Eq?

Question

Внутри '.edit' есть три поля ввода. Как получить значение каждого из них с помощью jQuery?

$submit.click(value);  

function value() { 
    for (var i = 0; i < 3; i++) { 
     var $input = $('.edit').children('input').eq(i).val(); 
     console.log($input); 
    } 
} 

<div class="edit"> 
    <h3>Headline</h3> 
    <span>Text</span> 
    <input type="text" id="one"> 
    <span>Text</span> 
    <input type="text" id="two"> 
    <span>Text</span> 
    <input type="text" id="three"> 
    <button class="submit">Submit</button> 
</div> 

Не работает. Зачем? А также можно установить значение по умолчанию: .val() || 'unknown'?

Answer 1

Вы должны перебрать входы под .edit на Представлять нажмите и получить каждое значение входного сигнала с помощью $(this)

$('.submit').click(function(){ 
 

 
    $('.edit').find('input[type=text]').each(function(){ 
 

 
    console.log($(this).val()); 
 

 
}); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="edit"> 
 
    <h3>Headline</h3> 
 
    <span>Text</span> 
 
    <input type="text" id="one" value="default"> 
 
    <span>Text</span> 
 
    <input type="text" id="two"> 
 
    <span>Text</span> 
 
    <input type="text" id="three"> 
 
    <button class="submit">Submit</button> 
 
</div>

Answer 2

$('.submit').click(function() { 
 
    $('.edit').find('input').each(function(index, value) { 
 

 
    console.log("index is " + index + " " + "value is " + $(this).val()) 
 

 

 
    }) 
 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="edit"> 
 
    <h3>Headline</h3> 
 
    <span>Text</span> 
 
    <input type="text" id="one" value='1'> 
 
    <span>Text</span> 
 
    <input type="text" id="two" value='2'> 
 
    <span>Text</span> 
 
    <input type="text" id="three" value='3'> 
 
    <button class="submit">Submit</button> 
 
</div>

Вы можете использовать .each()

Описание: Итерация над объектом jQuery, выполняющая функцию для каждого согласованного элемента.