Question

我试图使用jquery获取锚标记的href值，而不是获取绝对url，jquery只返回没有文件部分的url：这就是我的意思：

我的Html / php

$url = "http://localhost/mysite/assets/data.txt";
<a class='view-chart' href="<?php echo $url?>">View Chart</a>

我的jQuery代码：

var url = $('a.view-chart').attr('href');
alert(url);

我知道了这个：

http://localhost/mysite/assets/

但是当我在浏览器上查看源代码时，我看到了

http://localhost/mysite/assets/data.txt

但如果我这样做：

<a class='view-chart' href="http://localhost/mysite/assets/data.txt">View Chart</a>

我收到正确的警告信息，即：

http://localhost/mysite/assets/data.txt

Answer 1

试试这个。它在localhost中为我工作

<html>
    <head>
    <title></title>
    <meta charset="utf-8">
    <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script>
        $(document).ready(function(){ 
            var url = $('a.view-chart').attr('href');
            alert(url);
        });
    </script>
    </head>
    <body>
    <?php $url = "http://localhost/mysite/assets/data.txt"; ?>
     <a class='view-chart' href="<?php echo $url;?>">View Chart</a>

    </body>
</html>

Answer 2

使用此代码可以正常工作

<?php 
$url = "http://localhost/mysite/assets/data.txt";?>
 <a class='view-chart' href="<?php echo $url?>">View Chart</a> 
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
 <script>
    $(document).ready(function(){ 
        var url = $('a.view-chart').attr('href');
        alert(url);
    });
</script>

我猜这个问题出现在工作jquery implimentation中

Answer 3

试试这个

var url = $('a.view-chart:first').attr('href');

如果您正在寻找第一个锚点的href。

或者您需要为每个ID分配唯一的ID，因为您有多个锚标记然后使用ID获取href。像

$('#anchrId').attr('href');

Answer 4

谢谢大家一起工作了。问题是有几个链接，所以我将jquery代码更改为：

$(this).attr('href')

你的回答给了我提示。

jQuery无法从href属性获取文件部分

4 个答案: