JQuery каждый изменяя только первый элемент

Question

Я пытаюсь иметь входы изменить там значение в зависимости от щелчка здесь является jsfiddle http://jsfiddle.net/x3fgg/

Так я имею разные входы, как так

<li> 
    <input type="text" class="mainfinput" value="something" readonly> 
    <input type="hidden" class="ftext" value="something else"> 
    <input type="hidden" class="fbbcode" value="something else"> 
    <input type="hidden" class="fhtml" value="something else"> 
</li> 

Так У меня есть основной вход, который изменит значение в зависимости от того, что пользователь нажал. Поэтому, если они нажмут «ftextbtn», тогда все основное значение ввода будет использовать значение «ftext». но на данный момент он использует первое значение li со всеми другими ликами. Так что я делаю неправильно

здесь является JS

$(document).on('click', '.ftextbtn' , function(e) { 
    e.preventDefault();  
    $('.link_list li').each(function(){ 
     var main = $('.mainfinput'); 
     var ftext = main.siblings('.ftext').val(); 
     alert(ftext); 
    }); 
}); 

Answer 1

Код, в котором вы действуете внутри каждого, не имеет ничего общего с самим собой. Вы никогда не использовать $ (это), так что каждый цикл будет делать точную вещь снова и снова

$('.link_list li').each(function(){ 

    //to make use of the li each loop, you would need to do something like this 
    var main = $(this).find('.mainfinput'); 
    var ftext = main.siblings('.ftext').val(); 
    alert(ftext); 
}); 

Including FIDDLE i updated from OP to work with above suggestion

Answer 2

Как stated in the documentation:

Получить текущее значение первого элемента в наборе соответствующих элементов или установить значение каждого согласованный элемент.

main.siblings() возвращает список соответствующих элементов, а затем .val() будет извлекать из первого значения этого списка. Это означает, что из всех братьев и сестер .mainfinput, .val() получит ТОЛЬКО значение .ftext и больше ничего.