我正在研究一个项目,我需要获得的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;
}
尝试:
$(document).ready(function(){
$('a').click(function(e){
e.preventDefault(),
var a = this.name;
document.getElementById("lin").innerHTML="Last" +a;
});
});
你可以这样做:
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);
}
- 您可以检查控制台的链接名称。
小提琴演示/strong>
Try
$("#lin").html("Last" +$(this).attr('name'));
作为一个旁注,为什么这个document.getElementById("lin")
当你有jquery与你。
使用$("#lin")
您目前正在获取href
属性的值。修改'href'
为'name'
var a = $(this).attr('name');
不引人注目的事件处理程序优先于内联,您可以使用$(this).attr('name')
获得名称。
$(document).ready(function(){
$('a').click(function(){
console.log( $(this).attr('name') );
return false;
});
});