Home/ Questions/Q 8789601
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T22:27:13+00:00

I have created 2 anchor tag and then i created a function in which

  • 0

I have created 2 anchor tag and then i created a function in which if you click the 1st anchor tag a new class will added to the 2nd one and after that when you click on the second anchor tag it will show a alert, in which its shows the text of the anchor tag with added class. But its not working for me.

Here is the code for your reference:

<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>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This should be used for the second one:

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

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

});

    Please check this jsFiddle.

    However, if you are using jQuery 1.7 or later, you are encouraged to use on() method. Please check the doc for details

    • 0