Question

我创建了2个锚标签，然后我创建了一个函数，如果你点击第一个锚标签，一个新类将被添加到第二个锚点，然后当你点击第二个锚标签时它会显示一个警告，其中显示添加了类的锚标记的文本。但它不适合我。

以下是供您参考的代码：

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Title</title>
    <script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
    <style type="text/css">
        .highlight{background-color:yellow;}
    </style>
    <script>
        $(function(){
            $("a:eq(0)").click(function(){
                $("a:eq(1)").addClass("highlight");
            });

            $("a.highlight").click(function(){
                alert($(this).text());
            });
        });
    </script>
</head>
<body>
    <a href="#">first</a>
    <a href="#">second</a>
</body>

Answer 1

这应该用于第二个：

$("a.highlight").live('click', function(){

  alert($(this).text());

});

请检查jsFiddle。

但是，如果您使用的是jQuery 1.7或更高版本，建议您使用on()方法。请查看doc了解详情

Answer 2

我认为这里的问题是，当执行脚本时，没有与类highlight

的锚链接

简单的解决方法是在jQuery中使用on方法。只需更改第$("a.highlight").click(function(){行

即可

到此：

$("body").on("click", "a.highlight", function(){

警报不适用于锚标记

2 个答案: