-1

我正在做一个项目，我需要获取 href 属性的名称以使用 Inner.html 在特定位置显示它。我不知道如何获取 name 属性的值。

HTML：

<p class="datarange"> 
    Select Date Range: 
    <a href="#" name="month" onclick="Lab()">Last Month </a>|
    <a href="#" name="2 weeks" onclick="Lab()"> Last 2 Weeks </a>|
    <a href="#" name="1 week" onclick="Lab()"> Last 1 Week</a>
</p>

Javascript：

function Lab()
{       
    var a = $(this).attr('href');       
    console.log(a)
    document.getElementById("lin").innerHTML="Last" +a;
}
4

5 回答 5

2

尝试：

$(document).ready(function(){
    $('a').click(function(e){
        e.preventDefault(),
        var a = this.name;
        document.getElementById("lin").innerHTML="Last" +a;
    });
});
于 2013-06-12T10:19:42.253 回答
2

你可以这样做：

HTML：

<a href="#" name="2 weeks" onclick="Lab(this);"> Last 2 Weeks </a>|
<a href="#" name="1 week" onclick="Lab(this);"> Last 1 Week</a>
  • 将 传递this给Lab函数。

JS：

function Lab(obj) {
    var name = obj.name
    console.log(name);
}
  • 您可以在控制台中查看链接名称。

小提琴演示

于 2013-06-12T10:21:01.697 回答
0

尝试

$("#lin").html("Last" +$(this).attr('name'));

作为旁注，document.getElementById("lin")当你有 jquery 时为什么会这样。

利用 $("#lin")

于 2013-06-12T10:17:35.023 回答
0

您当前正在获取href属性的值。更改'href'为'name'

var a = $(this).attr('name');
于 2013-06-12T10:17:42.287 回答
0

不显眼的事件处理程序优于内联，您可以使用$(this).attr('name').

$(document).ready(function(){
    $('a').click(function(){
        console.log( $(this).attr('name') );
        return false;
    });
});
于 2013-06-12T10:17:55.193 回答