Question

我正在开发一个项目，我需要获取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;
}

Answer 1

尝试：

$(document).ready(function(){
    $('a').click(function(e){
        e.preventDefault(),
        var a = this.name;
        document.getElementById("lin").innerHTML="Last" +a;
    });
});

Answer 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传递给实验室功能。

JS：

function Lab(obj) {
    var name = obj.name
    console.log(name);
}

您可以在控制台中查看链接名称。

FIDDLE DEMO

Answer 3

尝试

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

作为旁注，当你跟jquery一起时，为什么会这个document.getElementById("lin")。

使用$("#lin")

Answer 4

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

var a = $(this).attr('name');

Answer 5

不鼓励使用内联事件处理程序，您可以使用$(this).attr('name')获取名称。

$(document).ready(function(){
    $('a').click(function(){
        console.log( $(this).attr('name') );
        return false;
    });
});

获取href的名称 - jquery

5 个答案: