javascript - 使用jquery动态获取名称属性

Question

我有一个 div block ，我试图在其中找到被单击的输入元素的名称，然后使用 jQuery 更新值:

$(document).ready(function(){
  $(this).click(function(){
    console.log($(this).attr('name'));
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <input type="text" name="name1" id="id1">TestData1</input>
<input type="text" name="name2" id="id2">TestData2</input>
</div>

当我试图找到被点击的输入元素时，我得到了undefined。

我假设这可能是因为我正在检查它的点击事件然后再次尝试获取它的 attr 名称，但是因为它可以增加到至少 5 个输入元素并且这些是正在动态获取，我无法将 id/class 与点击事件绑定(bind)。

Answer 1

this 在 ready 函数中没有上下文:

$(this).click(function(){
_^^^^^___________________
   console.log($(this).attr('name'));
});

你应该使用输入:

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

另请注意:输入标签是自关闭的:

<input type="text" name="name1" id="id1" value='TestData1'/>
<input type="text" name="name2" id="id2" value='TestData2'/>

希望对您有所帮助。

$(document).ready(function(){
  $('input').click(function(){
    console.log($(this).attr('name'));
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <input type="text" name="name1" id="id1" value='TestData1'/>
<input type="text" name="name2" id="id2" value='TestData2'/>
</div>