5 個答案:

答案 0 :(得分：3)

您可以使用closest('tr')查找最近的父tr元素，然后使用index()獲取行號。試試這個：

$('td').click(function() {

var $tr = $(this).closest('tr');

var rowIndex = $tr.index();

});

另請注意，您應(yīng)該從PHP循環(huán)中的id元素中刪除td屬性，否則您將復(fù)制它們，這是無效的，可能會導(dǎo)致JS或渲染問題。

答案 1 :(得分：2)

$('table').on('click', 'td', function() {

var rowNumber = $(this).closest('tr').index() + 1;

var content = $(this).html();

console.log(rowNumber);

console.log(content);

});

您不需要知道您點擊的某種標(biāo)識，因為jQuery知道您單擊的元素與整個DOM有關(guān)。

當(dāng)索引從0開始計數(shù)時，您需要向行號變量添加1。

答案 2 :(得分：2)

如果您需要知道元素的位置，請使用.index()。

$('td').on('click',function()

{

console.log($(this).closest('tr').index())

})

否則$(this)將成為元素本身。

答案 3 :(得分：1)

假設(shè)您在TD上點擊了點擊次數(shù)，您可以獲得closest祖先TR，只需通過index()查看其父級的索引位置：

$('table td').on('click', function(){

console.log($(this).closest('tr').index());

});

如果動態(tài)添加行/ TD，請使用on的委托版本：

$('table').on('click', 'td' function(){

console.log($(this).closest('tr').index());

});

此事件僅在事件發(fā)生時才應(yīng)用選擇器。

注意：

index返回從0開始的值。

您可能實際上并不關(guān)心索引值本身，而只關(guān)注closest('tr')以進行其他操作。

更新

如果你想在表格中使用行ID，請將其應(yīng)用于TR元素，以便獲得

并使用進行訪問

$('table td').on('click', function(){

var id = $(this).closest('tr').data('parent_id');

});

答案 4 :(得分：0)

如果需要行號，可以使用索引功能。最簡單的方法是更改??單擊處理程序(假設(shè)您要獲取所單擊的tr中任何td的索引)。您甚至不需要在您的TD上放置ID：

<?php echo $foo->bar1; ?><?php echo $foo->bar2; ?><?php echo $foo->bar3; ?>

$( document ).ready( function() {

$( '.clickiness' ).click( function( event ) {

var $tds = $( this ).children();

var $clickedTD = $( event.target );

var clickedIndex = $clickedTD.index( $tds ); // the zero-based index

});

});

我在這里做的是設(shè)置將click處理程序設(shè)置為TR，所以當(dāng)單擊TR中的任何內(nèi)容時，該函數(shù)將運行，然后我使用事件變量來獲取被點擊的實際元素

《新程序員》：云原生和全面數(shù)字化實踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的html页面如何循环遍历,遍历foreach循环中的HTML DOM元素的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。