5 個答案:

答案 0 :(得分：3)

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

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

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

var rowIndex = $tr.index();

});

另請注意，您應該從PHP循環中的id元素中刪除td屬性，否則您將復制它們，這是無效的，可能會導致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);

});

您不需要知道您點擊的某種標識，因為jQuery知道您單擊的元素與整個DOM有關。

當索引從0開始計數時，您需要向行號變量添加1。

答案 2 :(得分：2)

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

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

{

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

})

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

答案 3 :(得分：1)

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

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

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

});

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

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

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

});

此事件僅在事件發生時才應用選擇器。

注意：

index返回從0開始的值。

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

更新

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

并使用進行訪問

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

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

});

答案 4 :(得分：0)

如果需要行號，可以使用索引功能。最簡單的方法是更改??單擊處理程序(假設您要獲取所單擊的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

});

});

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。