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>

如何从href获取网址“index.php？option = com_atm＆amp; view = showdistrict＆amp; layout = map＆amp; tmpl = component＆amp; reset = 1”of tag？

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>

如何在<a> using jquery?</a>中获取href =“”

3 个答案: