jquery anchor detect&前置

时间:2010-01-07 04:43:39

标签: javascript jquery

在一个锚中,这有效:

$(this).prepend('<span>This is the span content</span>');

当href等于时,尝试做,它不起作用

$('a[href="http://www.google.com"]').prepend('<span>You have selected Google</span>');

4 个答案:

答案 0 :(得分:3)

我做了一个示例,没有发现任何错误。

<script>
$(function(){
    $("#btn1").click ( function() {
        $("a[href='http://www.google.com']").prepend ( "<span>You have selected Google</span>" );
    });
});
</script>
<a href="http://www.google.com">Click</a>
<button id="btn1">Click me</button>

<强> Working Demo

答案 1 :(得分:1)

如果你有这个HTML:

<a href="http://www.google.com">Google</a>

然后您的选择器将起作用:

$('a[href="http://www.google.com"]').prepend('<span>You have selected Google</span>');

如果你想遵循jQuery网站上严格的转义指南,那么它将如下所示:

$('a[href="http\\:\\/\\/www\\.google\\.com"]').prepend('<span>You have selected Google</span>');

我怀疑,你可能想要这样的东西在if语句中click语句中应用这个概念:

$("a").click(function(e){
    var $a = $(this);
    if($a.is('[href="http://www.google.com"]')){
       $a.prepend('<span>You have selected Google</span>');
    }
    e.preventDefault();
});

答案 2 :(得分:0)

它应该工作。尝试使用以下HTML,对于我在Mac上运行的Firefox 3.5.6。

<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"
            type="text/javascript"></script>
        <script type="text/javascript">
            $(function(){
                $('a[href="http://www.google.com/"]').prepend("<p>Hello!</p>");
            });
        </script>
    </head>
    <body>
        <a href="http://www.google.com/">Google</a>
        <a href="nowhereyouvebeen">No where you've been</a>
    </body>
</html>

也许你在一个网址中有一个尾随斜线而不是另一个网址:“http://www.google.com/”与“http://www.google.com”?两者必须完全相同。

答案 3 :(得分:0)

问题出在放大器和&amp;符号