Question

我想点击第3个标签，如果点击第3个标签，那么我想做几个动作。我试图通过javascript选择第3个标签。

我检查了这个论坛中的其他帖子，但是他们只提到了如何获得一个在td内的单个标签。我感谢任何评论或样品。

<tr>
    <td>
        <div class="btn-group my_first_button">
              <a class="btn btn-xs btn-danger my_anchor1">1</a>
              <a class="btn btn-xs btn-primary my_anchor2">2</a>
              <a class="btn btn-xs btn-success my_anchor3">3</a>
        </div>
    </td>
</tr>

以下是我正在处理的javascript文件：

$('.my_first_button:td a').click(function(){
    //Some other actions
});

Answer 1

您可以使用JQuery的:nth-child selector。

Answer 2

试试这个：

$('.my_first_button .my_anchor3').click(function(){
    //Some other actions
});

或使用:nth-child CSS选择器：

$('.my_first_button a:nth-child(3)').click(function(){
    //Some other actions
});

Answer 3

您可以通过以下方式轻松完成此操作：

$('.my_first_button a.my_anchor3').click(function(){
    //Some other actions
});

如果您想使用:nth选择器，请改用此代码：

$('.my_first_button a:nth-child(3)').click(function(){
    //Some other actions
});

你也可以使用:last选择器，使用它：

$('.my_first_button a:last').click(function(){
    //Some other actions
});

Answer 4

或者您可以使用jQuery＆＃39; .eq()：

$('.my_first_button a:eq(2)').click(function(){
        var $this=$(this);
    alert($this.text());
});

Answer 5

尝试使用以下代码：

$('.my_first_button a:last').click(function(){
    //Some other actions
});

Answer 6

这将检查是否点击了第3个按钮（按类检查 - 不是唯一的方法）

 $('.my_first_button a').click(function(){
   if ($(this).hasClass("my_anchor3")){
    //do your 3rd button stuff
    alert("you click the 3rd btn")
  } else {
    //do other stuff
 }

});

Demo

在表格中获得第三个标签

6 个答案: