识别标签

Question

需要在div中识别这些'a'标签中的每一个并绑定一个onclick事件。我已经绑​​定了相同的内容。我需要在点击的'a'标签下面附加一些文字。但是当我尝试使用我的代码时它会绑定到div中的所有'a'标签。如何指定我点击过的'a'标签。我可以使用jquery更改div中的内容。修改'a'标签中的内容。< / p>

    <div class="people_rt_link2">
    <a href="#" title="2011">2011</a><br><br>
    <a href="#" title="2008">2008</a><br><br>
    </div>

    $(document).ready(function() {
      var timesClicked = 0;
      $('.people_rt_link2 a').bind('click', function() {

        jQuery.post("<?php bloginfo('template_directory'); ?>/test.php", data, function(response) {
               alert('Got this from the server: ' + response);
               //this response should to binded to the clicked a tag
                //$(this).after('<div>'+response+'</div>');
         });
        timesClicked++;
       if (timesClicked >= 1) {
          $(this).unbind();
       }

     });
   });

Answer 1

使用this来引用点击的<a>。使用jQuery的示例：

$('div.people_rt_link2 a').click(function(){
    $(this).unbind('click');
    var that = this;
    $.post('somepage.php', function(data){
        $(that).after(data);
    });
    return false;
});

Example

如果这不是您想要实现的目标，请告诉我。

Answer 2

还有很多方法来指定你想要附加文本的标签..第一个孩子..第一个类型..但是大部分你只是在标签上附加一个id并让javascript处理它..

$("people_rt_link2 a.YourClass").bind("click", function({do stuff}));

http://www.w3schools.com/tags/tag_a.asp

Answer 3

尝试这样的事情：

$("people_rt_link2 a").bind("click", foo(<!--Put here all your code you want to be executed -->));