单击时如何从链接中获取(记录的)id？

Question

在单击href类时，我希望从modal-view链接中获取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>

​

Answer 2

假设您使用的是jQuery：

$("span.action_item.modal-view").click(function(){
    let href = $(this).find('a').attr('href');
    console.log(href);
});

.prop()也应该起作用

Answer 3

您可以将像itemId这样的自定义属性添加到<a>标记中，然后根据需要检索它。