Javascript 如何为动态打印的锚标记编写访问函数

当我们点击锚定标签时，它被悬停，但它不适用于已访问的功能，比如如果我们访问该链接，它应该改变其颜色，然后如果我们访问第二个链接，第一个链接的颜色应该恢复到其先前的颜色，第二个链接的颜色应该随着访问而改变。请任何人帮助我解决以下问题是我的代码：

脚本

 $(document).ready( function() {    
            var st="1";
            var clLiID = 100;
            var fdevLiID = 300;
            var sdevLiID = 400;
            $('.p').click(function(e){
                //alert("123");
                //e.preventDefault();
                var bid=2;
                //var bid="1";
                $.ajax({
                    url:"<?php echo base_url(); ?>/afcks/search",
                    data:{'b_id': bid},
                    type:"POST",
                    cache:false,
                    success:function(data)
                    {
                        //alert(data);
                        var sta="";
                        var obj = $.parseJSON(data);
                        var result = "<ul id='loct' >";
                            $.each(obj, function()
                            {
                                sta=this['branch_id'];
                                //alert(this['course_name']);
                                if(sta==2)
                                {
                                result = result + "<li  item-checked='true' item-expanded='true' class='treeLi'> <a Class='cours' id='alink' temp_id='" + fdevLiID + "' temp_id1='" + sdevLiID + "' cid='"+this['course_id']+"' bid='"+this['branch_id']+"' href='javascript:void(0);'>" + this['course_name'] + "</a></li><div class='" + clLiID + "' id='" +fdevLiID + "'></div><div id='" + sdevLiID + "'></div>";
                                fdevLiID++;
                                sdevLiID++;
                                clLiID++;
                                }
                            });
                            result = result + "</ul>";


                            //alert(result);
                            if(st=="1")
                            {
                            document.getElementById("cour1").innerHTML =result;
                            st="2";
                            }
                            else
                            {
                                document.getElementById("cour1").innerHTML ="";
                                st="1";
                            }

                    }


                });




            });
        });

  <script>
  var st1="1";
            $(document).on('click', '.cours', function() {
                    $('.cours').removeClass("visited");
                    $('.cours').addClass("visited");
    </script>

---

您需要更改小脚本：

<script>
  var st1="1";
  $(document).on('click', '.cours', function() {
    $('.cours').removeClass("visited");
    $(this).addClass("visited"); /* Use this to address the clicked element */
  })
</script>

var st1=“1”；
$（文档）.on（'单击'，'.cours'，函数（）{
$（'.cours'）.removeClass（“已访问”）；
$（this）.addClass（“已访问”）；/*使用它来寻址已单击的元素*/
})

您的目标有点不明确。您能更具体地说一下吗？我们正在从数据库中动态打印a链接，但当我单击一个特定的动态生成链接时，它应该更改颜色或说它已访问，但之后如果我单击另一个链接，则第二个链接的颜色应该更改为已访问，而单击的上一个链接应该恢复返回其原始颜色或说未访问

<script>
  var st1="1";
  $(document).on('click', '.cours', function() {
    $('.cours').removeClass("visited");
    $(this).addClass("visited"); /* Use this to address the clicked element */
  })
</script>