Question

我如何将attr应用于我页面上的所有href。例如：我有：

<ul>
    <li><a href="mylink1">mytext1</a></li>
    <li><a href="mylink2">mytext2</a></li>
    <li><a href="mylink3">mytext3</a></li>
</ul>

我需要：

<ul>
    <li><a href="javascript:myFunc(mylink1)">mytext1</a></li>
    <li><a href="javascript:myFunc(mylink2)">mytext2</a></li>
    <li><a href="javascript:myFunc(mylink3)">mytext3</a></li>
</ul>

我需要这样做而不添加新的id，类等。使用Js和jQuery。请帮忙！：）

Answer 1

这样的事情应该有效：

$("ul li a").each(function(i, a) {
    a = $(a);
    a.attr('href', 'javascript:myFunc("' + a.attr('href') + '")');
});

Demonstration

注意：这仅适用于ul列表中的链接。要应用于整个页面中的所有a代码，请改用$("a")...。

此外，如果href属性包含"或\等特定字符，则此方法可能会失败。如果这是可能的话，那就更安全一点了：

$("ul li a").each(function(i, a) {
    a = $(a);
    a.attr('href', 'javascript:myFunc(' + JSON.stringify(a.attr('href')) + ')');
});

Answer 2

您可以尝试

$('a').each(function () {
    var att = $(this).attr('href');
    $(this).attr("href", "javascript:myFunc(" + att + ")");
});

Answer 3

使用jQuery：

$("a[href^='mylink']").on('click', function(e) {
    e.preventDefault();
   myFunc($(this).attr("href"));
});

Answer 4

这应该做你需要的：

$("a").each( function() {
  var url = $(this).attr('href');
  $(this).attr('href', 'javascript:myFunc("'+url+'")');
});

Answer 5

而不是修改href在实际Javascript中分配事件处理程序：

$("[href]").click(function(e){
    e.preventDefault();
    myFunc(this.href);
});

function myFunc(value){
   alert(value);
}

JS小提琴： http://jsfiddle.net/Rs9RH/

Answer 6

试试这个：

$('li a').each(function(){
$(this).attr('href',"javascript:myFunc("+$(this).attr('href')+")");
})

<强> WORKING FIDDLE

Answer 7

我认为这可行：

$("a[href^='mylink']").each(function () {
  var url = $(this).attr('href');
  $(this).attr("href", 'javascript:myFunc("'+url+'")')
})

如何使用jQuery应用于所有href attr

7 个答案: