jQuery获取逗号分隔的字段列表与某些类

时间:2017-04-02 11:03:03

标签: jquery

我试图用动态创建的类来获取以逗号分隔的字段名称列表。

我的最终目标是将appliance_1,appliance_2,appliance_3置于隐藏字段

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

有一种简单的方法可以做到这一点我完全失踪了吗?

1 个答案:

答案 0 :(得分:1)

您可以使用.map()

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

console.log(text)
&#13;
<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">
&#13;
&#13;
&#13;