Question

我有以下标记，我需要将点击事件绑定到下面的<a>标记。

我怎样才能实现这个目标？

         <p class="people_rt_link2" id="test">
        <a href="#" title="2011">2011</a>
        <p style="padding-left: 3px; margin: 3px 0px;">
        a href="http://192.168.20.24/mclarengroup/archives/928">McLaren to build £10m Big Yellow in Chiswick, West London</a>
            </p>
            <br>
           <a href="#" title="2010">2010</a>
          <br>
    </p>

这是我目前的javascript函数：

                  <script type="text/javascript">
                      $(document).ready(function() {

                          $('.people_rt_link2 a').click(function() {
                                alert('aa');
                          });

                          var data = { cat_id:<?php echo $cat_id?>,posted_year:<?php echo $posted_year?>};
                          jQuery.post("<?php echo $ajax_page_details->guid?>", data, function(response) {
                            $('#test').html(response);
                          });
                      });
                    </script>

Answer 1

您的HTML格式不佳。如果您需要这些样式，请将它们直接应用于元素本身（如图所示）或将其包装在span而不是另一个段落标记中。

我还为您打开了<a>标记，并自行关闭了</br>

http://jsfiddle.net/pSGRE/

Answer 2

您可以通过设置链接的ID来实现。

HTML：

 <a href="" id="link123">123</a>

使用Javascript：

 $("#link123").click(...);

专门为选择器查看jquery文档：

http://api.jquery.com/category/selectors/

在Paragraph标记内找到Anchor标记。

2 个答案: