Как получить href = "" в <a> с помощью jquery?

Question

У меня есть код:

<div id='basic-modal'> 
<a href='index.php?option=com_atm&view=showdistrict&layout=map&tmpl=component&reset=1' class='basic'>[VIEW]</a> 
</div> 

и сценарий:

<script type='text/javascript'> 
$(document).ready(function(){ 
    $('#basic-modal .basic').click(function (e) { 
     $('<div></div>').load('link href').modal(); 
     return false; 
    }); 
}); 
</script> 

Как получить URL из HREF опции «index.php = com_atm & вид = showdistrict & раскладку = карта & TMPL = компонент & reset = 1 "тега?

Answer 1

попробовать

alert($(this).attr("href"));

в клик-функции вы можете получить доступ к каждому атрибут элемента по jQuerys attr функцию, и вы также можете установить или изменить атрибут путем предоставления второго параметра.

Answer 2

Используя jQuery, вы можете получить значения атрибутов, используя .attr(). В вашем примере, однако, вы можете использовать собственный JavaScript-код element.getAttribute.

JQuery удобно связывает обработчики событий в нужном контексте (то есть this относится к тому, что вы ожидаете от него), то есть вы можете просто сказать this.getAttribute('href'). Если вы действительно настаиваете на использовании jQuery, вы можете сказать $(this).attr('href'), но это просто трата ресурсов.

<script type='text/javascript'> 
$(document).ready(function(){ 
    $('#basic-modal .basic').click(function (e) { 
     $('<div></div>').load(this.getAttribute('href')).modal(); 

     return false; 
    }); 
}); 
</script> 

Answer 3

очищены немного

<script type="text/javascript"> 
$(function(){ 
    $('#basic-modal .basic').click(function (ev) { 
     ev.preventDefault(); 
     $('<div />').load($(this).attr('href')).modal(); 
    }); 
}); 
</script>