jquery - 如何使用jquery获取标签的href？

Question

我想获取 href 中存在的 id a 的属性我的页面中的标记。我想首先防止回发页面，然后再执行此工作。 a 标签如下所示:

'<a href="/ArtPlaces/Delete/5">حذف</a>'

$('a:contains("حذف")').click(function (e) {
    e.preventDefault();
    var href = this.href;
    var splitHref = href.split("/");
    var inedxDelete = splitHref.length - 1;
    var id = splitHref[inedxDelete];
    alert(id);
});

TypeError: this.href is not a function

我想要5 href 属性中的数字。请提供建议

Answer 1

而是使用 .getAttribute() 或 .attr() 并且您可以使用返回的 [].pop() 方法数组中最后添加的项目，因此您不必计算它的索引。

$('a:contains("حذف")').click(function(e) {
  e.preventDefault();
  var href = $(this).attr('href');
  var num = href.split("/").pop(); // will give you last value of array.
  alert(num);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="/ArtPlaces/Delete/5">حذف</a>'

通过 .match() 方法使用正则表达式:

$('a:contains("حذف")').click(function(e) {
  e.preventDefault();
  var href = $(this).attr('href');
  var num = href.match(/\d+/g)[0];
  alert(num);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="/ArtPlaces/Delete/5">حذف</a>'