javascript - 点击链接时如何获取(记录的)id？

Question

我想在点击 modal-view 类时从 href 链接获取 id(在本例中我想返回 6)，但不知道怎么做。

我尝试了$this.attr('href')(检查attr函数是否正常工作)，但它返回了undefined。

任何建议，提前致谢。

<span class="action_item modal-view">
  <a href="/admin/sponsoreds/6/edit">Edit Sponsored</a>
</span>

Answer 1

您的代码必须是$(this).find('a')。 $(this) 是被点击元素的对象，find('a') 将在被点击元素内搜索 a 标签。要获取 id，您可以执行类似 $(this).find('a').attr('href').split('/')[3] 的操作。这里 split 将分离您的 href 值并创建一个数组，并可以通过其索引访问它。

$('.modal-view').on('click', function(e){
  e.preventDefault();
  console.log($(this).find('a').attr('href'));
  console.log($(this).find('a').attr('href').split('/')[3])
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="action_item modal-view">
  <a href="/admin/sponsoreds/6/edit">Edit Sponsored</a>
</span>