2013-06-12 58 views
-1

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

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; 
} 
+1

* “我需要href属性的名称为” *了'href'属性的名称是'href'。你想获得'a'元素的名字吗?仅供参考,在您的事件处理程序中,this指的是window,而不是处理程序绑定的DOM元素。 –

+0

感谢您的信息。指出。 – Ash

回答

2

尝试:

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

尝试

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

作为一个附注为什么这document.getElementById("lin")当你有jQuery与你。

使用$("#lin")

0

你目前获得href属性的值。更改'href''name'

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

Unobstrusive事件处理程序是首选的内联,你可以得到使用$(this).attr('name')名称。

$(document).ready(function(){ 
    $('a').click(function(){ 
     console.log($(this).attr('name')); 
     return false; 
    }); 
}); 
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