jquery - 如何获取jquery锚href值

Question

jQuery：

$(document).ready(function() {
    $("a.change_status").click(function(){
       var status_id = $("a").val();
       alert(status_id); 
       return false;
    });
});

HTML：

<a href="?status=5" class="change_status">Aminul</a><br/>
<a href="?status=25" class="change_status">Arif</a><br/>
<a href="?status=15" class="change_status">Sharif</a><br/>

我需要status_id并且出于某种原因我的锚标签是动态的。我不能使用 id 或使类名动态化。我想，我需要用它$this来获得我的价值。

Answer 1

这个很简单：

     $(document).ready(function() {
         $("a.change_status").click(function(){
           var status_id = $(this).attr('href').split('=');
           alert(status_id[1]); 
           return false;
        });
    });

http://jsfiddle.net/NmzRV/

Answer 2

var status_id= $(this).attr("href").match(/status=([0-9]+)/)[1];

Answer 3

$('a').attr('href');

应该做的伎俩

Answer 4

你在这里有两个不同的问题......首先你需要找到实际点击的链接this，然后找到那个 href 属性的值。

$(document).ready(function() {
    $("a.change_status").click(function() {
        var status_id = parseURL($(this).attr("href"));
        alert(status_id);
        return false;
    });
});

此外，由于 javascript 无法提取 URL 参数，因此您必须编写一个函数（在示例parseURL中），在其中查找变量“status”的值：

function parseURL(theLink) {
    return decodeURI((RegExp('status=' + '(.+?)(&|$)').exec(theLink) || [, null])[1]);
}

请参阅以下 jsfiddle：

http://jsfiddle.net/ZKMwU/

Answer 5

你可以这样做：

$(document).ready(function() { 
  $("a.change_status").click(function() { 
      var status_id = $(this).attr("href"); 
      alert(status_id);
      return false;
  }); 
});

Answer 6

$(document).ready(function() {
        $("a.change_status").click(function(){
           var status_id = $(this).attr("href");
           alert(status_id); return false;
        });
    });

Answer 7

$("a.change_status").click(function(){ 
     var status_id = $(this).attr('href'); 
     alert(status_id); 
});

Answer 8

var listItems = $(".nav-dropdown--products .li");
listItems.each(function(idx, li) {
    var product = $(li); 
    alert($('a', this).attr('href'));
});