jQueryは、特定のクラスのフィールドのカンマ区切りリストを取得します

Question

動的に作成されたクラスでフィールド名のカンマ区切りリストを取得しようとしています。

私の最終目標は、簡単な方法があります隠しフィールド

<input type="hidden" name="tracker" id="appliance-tracker" value="appliance_1,appliance_2,appliance_3"> 

<input class="appliances" name="appliance_1"> 
<input class="appliances" name="appliance_2"> 
<input class="appliances" name="appliance_3"> 
<script> 
$("#btn").click(function(){ 
$("#appliance-tracker").val($("input.appliances").serialize()); 
}); 
</script> 

それは appliance_1 = & appliance_2 = & appliance_3 =

として値を設定し続ける内appliance_1、appliance_2、appliance_3を取得することですこれを完全に行方不明にする？

Answer 1

を使用でき.map()

var text = $("input.appliances").map(function() { 
 
    return $(this).attr('name'); 
 
    }) 
 
    .get() //returns basic array 
 
    .join(','); //create a string 
 

 
console.log(text)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="appliances" name="appliance_1"> 
 
<input class="appliances" name="appliance_2"> 
 
<input class="appliances" name="appliance_3">