添加锚点击事件

时间:2011-12-12 12:50:09

标签: jquery jquery-selectors

我想显示表的标题列文本(存在于锚中)并将警报事件绑定到锚点。我尝试了一些东西,但它不起作用

   <table style="width:20%;border:1;border-style:solid"   >
        <tr>
            <td>
               <a href="#">Header 1</a> </td>
            <td>
                <a href="#">Header 2</a></td>
            <td>
               <a href="#">Header 3</a></td>
        </tr>
        <tr>
            <td>
                R1C1</td>
            <td>
                R1C2</td>
            <td>
                R1C3</td>
        </tr>
        <tr>
            <td>
                R2C1</td>
            <td>
                R2C2</td>
            <td>
                R2C3</td>
        </tr>
    </table>

请找到使用的jquery

  <script type="text/javascript">

        $(document).ready(function () {
            //should display Header 1, Header 2, Header 3
            $("table tr td a").each(alert($(this).text()));
            //Add click event for anchor
            $("table tr td a").click(function (e) { alert(); })
        });

    </script>

1 个答案:

答案 0 :(得分:1)

    $(document).ready(function () {
        //should display Header 1, Heder 2, Header 3
        $("table tr td a").each(function() {// need a function here
            alert($(this).text())
         });
        //Add click event for anchor
        $("table tr td a").click(function (e) { alert($(this).text()); return false;})
    });