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">