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