Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery如何判断我点击的td是第一行还是最后一行,以及行索引和列索引?_Javascript_Jquery_Html - Fatal编程技术网

Javascript Jquery如何判断我点击的td是第一行还是最后一行,以及行索引和列索引?

Javascript Jquery如何判断我点击的td是第一行还是最后一行,以及行索引和列索引?,javascript,jquery,html,Javascript,Jquery,Html,我有一张这样的桌子 我如何知道我单击的td(输入)是第一行还是最后一行 我怎么知道我点击的td的列索引和行索引 我知道我可以使用$(这个),但是怎么做呢 $("#table_reach_condition_appoint tbody td").click(function(){ //$(this) }) 除非另有规定,否则行和列将从0开始。以下是一个示例index()返回选定元素当前位置的索引。它以索引0开始。因此,我们需要在结果中添加+1,以获得正确的行/列编号 $(函数(){

我有一张这样的桌子

我如何知道我单击的td(输入)是第一行还是最后一行

我怎么知道我点击的td的列索引和行索引

我知道我可以使用
$(这个)
,但是怎么做呢

$("#table_reach_condition_appoint tbody td").click(function(){
    //$(this)
})

除非另有规定,否则行和列将从0开始。

以下是一个示例
index()
返回选定元素当前位置的索引。它以索引0开始。因此,我们需要在结果中添加
+1
,以获得正确的行/列编号

$(函数(){
$('td')。在('click',function()上{
var columnNumber=$(this).index()+1;//添加1,因为索引以0开头
var rowNumber=$(this.parent('tr').index()+1;
//检查计算的行号是否为1
firstcolumn=(columnNumber==1);
firstRow=(rowNumber==1);
//使用jQuery的is()函数将单击的元素与最后一个元素进行比较。
lastRow=$(this.parent('tr')。是(':last child');
lastColumn=$(this).is(“:last child”);
log('单击:'+$(this.text());
console.log('行:'+行编号);
console.log('列:'+列号);
如果(第一列){
log('firstColumn');
}
如果(第一行){
console.log('firstRow');
}
如果(最后一行){
console.log('lastRow');
}
如果(最后一列){
log('lastColumn');
}
})
})

1A
2A
3A
4A
1B
2B
3B
4B

无需将其分别包装在
中。只需添加冗余代码,因为
$(选择器)。method()
运行内部
每个
列和行索引backwards@charlietfl谢谢,修正了。如何判断第一行还是最后一行,使用长度?@MadFrog可以使用长度是,或者比较实际元素。为此更新了我的代码片段。这可能是你的情况吗?
$("#table_reach_condition_appoint tbody td").each(function() {
  $(this).on('click', function() {
     var row = $(this).parent('tr').index(),
             column = $(this).index();
     console.log(row, column);
  });
})
$("#table_reach_condition_appoint tbody td").click(function(){
    var tbl_row_count = $('#table_reach_condition_appoint>tbody>tr').length;
    var col_no = parseInt($(this).index())+1;
    var row_no = parseInt($(this).closest('tr').index())+1;
    if(row_no == 1)
    {
      alert('first row');
    }
    if(row_no == tbl_row_count)
    {
      alert('last row');
    }
   alert('You clicked row no'+row_no+' col no'+col_no);    
});