Question

以下是我的代码：

HTML：

   <input type="text" name="degree" /><br />
   <input type="text" name="passing_year" /><br />
   <input type="text" name="name_of_institute" /><br />
   <input type="text" name="field_of_study" /><br />
   <input type="text" name="grade" /><br />

JS：

  var name_of_input = $('.input_fields input').attr('name');

如何逐个获取所有输入字段名称？

Answer 1

您可以使用.each()迭代多个输入：

$('input[type="text"]').each(function(){
  console.log($(this).attr('name'));
});

<强> Demo

Answer 2

使用jquery库中的.each()函数。它遍历所有jquery对象和集合，你可以做任何你想做的事情。

在你的情况下，你想获得所有输入元素的名称，那么你应该尝试这个：

$('input').each(function(){
  console.log($(this).attr('name'));
});

它会将页面中所有输入元素的名称打印到控制台。

使用JS逐个获取输入字段名称

2 个答案: