Javascript Jquery如何判断我点击的td是第一行还是最后一行,以及行索引和列索引?
我有一张这样的桌子 我如何知道我单击的td(输入)是第一行还是最后一行 我怎么知道我点击的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,以获得正确的行/列编号 $(函数(){
$(这个)
,但是怎么做呢
$("#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);
});