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'值。但是目前它与所有其他利用者一起使用第一李值。所以，我在做什么错

这里是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的价值，而没有别的。