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的價值，而沒有別的。