javascript - 检测点击了哪个子元素

Question

我试图找出用户为我的元素选择的值。

在我的变量var1中。它包含。

<select>
   <option value='1'>1</option>
   <option value='2'>2</option>
   <option value='3'>3</option>
</select>

<input type='text'>
<input type='text'>
<input type='text'>

我可以做var1.value 来获取用户选择的值。

但是，我还有另一个var2展示

<div>
  <a href='#' id='1'>test1</a>
  <a href='#' id='2'>test2</a>
  <a href='#' id='3'>test3</a>
</div>

我想从中选择id我<a> 不知道如何获得它。

有人有想法吗？非常感谢。

Answer 1

我不确定这是否是您想要的，但是如果您想获取单击的锚标记的 id，请使用以下命令：

$('a').click(function() { alert(this.id); });

您可能想要使用此版本（只需提供您的 div your-div-idid）：

$('#your-div-id').on('click', 'a', function(event){
    alert(this.id);
});

Answer 2

$('a').click(function() { 
  alert($(this).attr('id'); 
});