检测单击了哪个子元素

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>

我想从<a>获取选定的id ，但不确定如何获取。

有人有主意吗？ 非常感谢。

Answer 1

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

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

您可能要使用此版本（只需为div输入your-div-id ID）：

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

Answer 2

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