Question

我试图使用jQuery从输入HTML元素中获取名称的值，但它不起作用。

HTML 代码：

<p class="myclass"><input type="text" name="thisismyname1" value="123"></p>
<p class="myclass"><input type="text" name="thisismyname2" value="456"></p>
<p class="myclass"><input type="text" name="thisismyname3" value="789"></p>

我想在 jQuery 中使用这段代码来获取所有名称值：

$(.myclass).each(function(value){
  alert('input name='+ $(this).attr('name') +'='+$(this).val());
  });

此$(this).attr('name')似乎无效。

Answer 1

您按 p 进行搜索，但 p 没有属性名称，您的选择器应该是这样的

$('.myclass input').each(function(value){
  console.log('input name='+ $(this).attr('name') +'='+$(this).val());
});

演示：http://jsbin.com/jujaho/2/edit

Answer 2

您需要在每次迭代的上下文中查找输入，如下所示

$(".myclass").each(function() {

  var $input = $(this).find("input");
  alert ("Name: " + $input.attr("name"));
  alert ("Value: " + $input.val());
});

如何从jquery中的输入中获取名称的值

2 个答案: