ID를 사용하여 앵커에서 href를 가져 오는 중 정의되지 않음이 표시됩니다.

Question

jQuery를 사용하여 앵커의 href 특성을 얻으려고합니다. 그러나 href 속성을 배치 한 변수의 값을 확인하려고하면 정의되지 않는다고 말합니다.

$("#chk1").click(function(){ 
    var button_link = $("#buttonAdd").find("href").attr('href'); 
    //or (I tried 2 ways) 
    var button_link = $("#buttonAdd").attr('href'); 
    alert(button_link); 
}); 

어떻게 jQuery를 사용하여 앵커의 href 속성을 올바르게 캡처합니까?

편집 :

참조 용 앵커 링크를 추가 :

<a href="Vehicle/VehicleEditor.aspx?sfId=299798&amp;st=ON&amp;recloc=&amp;ID=&amp;manualReqID=0&amp;trID=21838518&amp;SeqNo=1" id="buttonAdd">Add</a> 

Answer 1

당신은 A 요소를 찾아야합니다. 우리는 할 수있어.

$("#buttonAdd").find("a").attr('href'); 

Answer 2

나는 당신의 HTML 구조가 무엇인지 확실하지 않다, 그래서 당신은 이런 일이 가정입니다 :

1) 부모 div에 포함 된 하나의 태그를

<div id="buttonAdd"> 
    <a href="href-here">...</a> 
    </div> 
    <button id="click-me">Click Me</button> 

$(function(){ 
    $("#click-me").click (function(){ 
     var H = $("#buttonAdd a").attr('href'); 
     alert (H); 
     }); 
    }); 

2) < > 태그의 ID는 "buttonAdd "

<a href="href-here" id="buttonAdd">Click Me</a> 

    $(function(){ 
    $("#buttonAdd").click (function(){ 
     var H = $("this").attr('href'); 
     alert (H); 
    }); 
});