href - jquery의 이름 얻기

Question

나는 Inner.html을 사용하여 특정 위치에 그것을 표시하기 위해 href 속성의 이름을 가져야하는 프로젝트에서 작업 중입니다. 어떻게 값을 얻을 수 있는지 알지 못합니다. 이름 속성 ..

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> 

자바 스크립트 :

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

이

시도

왜이 document.getElementById("lin") 당신과 jquery가있을 때.

사용 $("#lin")

Answer 3

당신은 현재 href 속성의 값을 받고있어. 'href''name'에

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

Answer 4

Unobstrusive 이벤트 핸들러 인라인 선호하는 변경, 당신은 $(this).attr('name')를 사용하여 이름을 얻을 수 있습니다.

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

Answer 5

당신은이 작업을 수행 할 수 있습니다

이

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