Jquery遍历表行并获取第n个子值

Posted 2023-05-09

【中文标题】Jquery遍历表行并获取第n个子值

【英文标题】：Jquery loop through table rows and get nth child value

【发布时间】：2016-07-23 16:57:30

【问题描述】：

我正在遍历表的行并尝试获取第一个孩子的值。但不知何故，它一直只返回第一行的值

    $("#lookupquicksearchBtn").on("click",function()
        var searchWord = $("#quickSearchTextBox").val();

        $("table tr").each(
          function() 
             alert($("td:nth-child(1)").html());             
          );
    );

它总是以第一行第一列的值发出警报。

【参考方案1】：

您需要在此处使用当前行上下文以及查找选择器：

  $("table tr").each(function() 
    alert($(this).find("td:nth-child(1)").html());             
  );

【参考方案2】：

试试下面的代码。

$('table tr').each(function(i,e)
    alert($(this).find("td:nth-child(1)").html())
)

您可以使用i 来获取索引。