代码之家 › 专栏 › 技术社区 › Adi Sembiring

如何使用jquery获取href值?

jquery javascript

122

Adi Sembiring · 技术社区 · 15 年前

我正在尝试使用jquery获取href值:

<html>
    <head>
        <title>Jquery Test</title>
         <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">
        $(document).ready(function() {
            $("a").click(function(event) {
                alert("As you can see, the link no longer took you to jquery.com");
                var href = $('a').attr('href');
                alert(href);
                event.preventDefault();
            });
        });
        </script>
    </head>
    <body>
        <a href="http://jquery.com/">jQuery</a>
    </body>
</html>

但它不起作用。为什么?

4 回复 | 直到 8 年前

279

Gareth 15 年前

你需要

var href = $(this).attr('href');

在jQuery单击处理程序中, this 对象是指单击的元素,而在您的情况下,您总是得到第一个 <a> 在页面上。顺便说一句,这就是为什么您的示例有效,但您的实际代码无效的原因。

Prince Patel 8 年前

您可以通过以下代码获取当前的Href值:

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

按ID获取Href值

$("#mylink").attr("href");

AlfaTeK 15 年前

它工作…在IE8和Chrome中测试(如果您在测试计算机中的文件,请不要忘记允许JavaScript运行)。

wangtong 15 年前

如果页面上有 <a> 它可以工作,但是 <A & GT; 必须使用 var href = $(this).attr('href');

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前