Jquery - 需要检查 HTML Table TD 是否被点击

Question

我有一个像这样的 HTML 表格，

<table>
<tr class="AltTR">
<td>
   First TD
</td>
<td>
  Second TD
</td>
<td>
  Third TD
</td>
<td>
  Fourth TD
</td>
</tr>
</table>

当我单击表格行时，我想做一个操作，示例需要显示警报窗口...

我的jquery代码如下，

$(function(){
$(".AltTR").click(function() {

         //if ($(this).find("td:first").is(":click"))
    if ($(this).find("td:first").trigger('click'))
                alert("1st TD is clicked");
            else
                alert("Other than 1st TD is clicked");

     });

});

如何实现这一目标？

我还有一个疑问，“第一个 TD 中有一个链接标签，当我们点击该链接时，不显示任何警报消息。否则我们希望显示警报消息，无论它是第一个 TD 还是任何其他 TD”

Answer 1

您可以使用 jQuery 中的 index() 方法并执行以下操作:

$(".AltTR td").click(function(){
    if($(this).index() == 0){
        alert("1st <td>");
    }
    else{
        alert("other than 1st <td>");
    }
});