在jQuery中获取元素答案

【问题标题】：Get element in jQuery在jQuery中获取元素
【发布时间】：2023-04-09 19:50:01
【问题描述】：

如何获取表格行中的每个 td？

HTML

<table> 
 <tr>
  <td>
  <td>Second td!</td>
 </tr>
 <tr>
  <td>
  <td>Another second td!</td>
 </tr>

jQuery

$allrows = $("table tr");
//get all td in an index of $allrows

【问题讨论】：

标签： jquery html dom html-table

【解决方案1】：

试试 jquery each() 喜欢：

$("table tr td").each(function(){
   // Do what ever you want here
});

例如：

$(document).ready(function(){
  $("table tr td").each(function(){
    console.log($(this).html());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table border="1">
  <tr>
    <td>One</td>
    <td>Two</td>
  </tr>
</table>

【讨论】：

$allrows = $("table tr");我不能在 $allrows 中使用 each() 方法吗？
你可以@MelSyGallosa

【解决方案2】：

您可以使用此选择器获取tr 中的每个td 元素，而tr 又位于table 中。

$("table tr td");
如果您想将选择限制在特定的层次结构中，您有 (table - tr - td)，我的意思是如果你有更多嵌套的表，但你只想定位父 td 元素。在这种情况下，您可以使用>，它只针对直系孩子：

$("table > tr> td");
如果您不关心特定的层次结构，假设您正在使用 tbody，或者如果您想选择表中的所有 td 如果你有嵌套表，你可以使用这个：

$("table td");

编辑：

如果您想保留行列表中的变量 ($allrows) 并从中选择 td 元素，则可以使用 children() 函数。如果您愿意，可以将子项选择限制为仅限 td 元素：

$allrows.children('td').css("color", "red");

【讨论】：

你好。有没有办法可以获取 $allrows 的每个索引的所有 td？
是$allrows 你的行元素的id？如果是，您可以使用此$("#$allrows td")。如果您只想选择所有 tds，您可以使用 $("td")。尽管您可能希望将选择限制在一个容器中，这样您就不会获得整个页面的所有 td，比如说$("#myContainer td")
$allrows 是存储所有行的变量。然后我想获得该变量中的所有 td..
啊，我知道了，在这种情况下，您可以使用find 查找子元素：$allrows.find('td')。这将为您提供 $allrows 列表中每个元素内的所有 td。如果你想操作 tds，你可以使用 each 函数：$allrows.fint('td').each(function() { /* Do something here */ });
我正在接近我想要的东西。谢谢你的帮助！但是有没有办法操纵 $allrows 的索引？像 $allrows[0].getallthetd？您的代码是正确的，但它仍然直接获取所有 td。

【解决方案3】：

删除表格之前的句点，如下所示：

$("table tr")

句号说明了一个类，因此您正在寻找类.table 行。删除句点将查找元素table。

【讨论】：

【解决方案4】：

表格标签前不要加点，点是用来选择类的。

$("table tr");

【讨论】：