javascript - 从表中获取所有第一个子元素

标签 javascript html html-table selectors-api

非常简单,我需要获取所有第一种类型的元素文本:

<html>
<body>

  <table>
  <tr>
    <th>1</th>
    <th>2</th>
    <th>3</th>
  </tr>
  <tr>
    <td>Line #1</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Line #2</td>
    <td>SLD</td>
    <td>68</td>
  </tr>
  <tr>
    <td>Line #3</td>
    <td>MDK</td>
    <td>68</td>
  </tr>
</table> 

<script type="text/javascript">

console.log(document.querySelectorAll('table tr td:first-of-type'));

</script>

</body>
</html>

我希望能够获取所有表 tr td:first-of-type insidetext...这里需要进行一些小调整。

最佳答案

我以某种方式解决了它...反复试验...谢谢:)

<html>

<body>

    <table>
        <tr>
            <th>A</th>
            <th>B</th>
            <th>C</th>
        </tr>
        <tr>
            <td>Line #1</td>
            <td>MKD</td>
            <td>68</td>
        </tr>
        <tr>
            <td>Line #2</td>
            <td>SLD</td>
            <td>32</td>
        </tr>
        <tr>
            <td>Line #3</td>
            <td>HAD</td>
            <td>53</td>
        </tr>
        <tr>
            <td>Line #4</td>
            <td>LRD</td>
            <td>49</td>
        </tr>
    </table>

    <script type="text/javascript">
        var theFirstChilds = document.querySelectorAll('table tr td:first-of-type');
        var i;

        for (i = 0; i < theFirstChilds.length; ++i) {
            console.log(theFirstChilds[i].innerText);
        }
    </script>

</body>

</html>

关于javascript - 从表中获取所有第一个子元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43134069/

相关文章:

javascript - 以 Angular : how to alter flow by subscribing to event? 广播事件

html - 展开的 flex 盒元素之间的垂直边界

javascript - 如何使用过滤器突出显示表格中的单词?

css - 用于按行和列灵活调整单元格大小的 HTML/CSS/JavaScript 方法

javascript - Google API 使用 JavaScript 中的 id_token 从 Java 访问 Gmail

javascript - jQuery/cheerio 获取标签之间的组合 HTML

javascript - 等待隐藏 div 直到它加载

javascript - 无法从 SELECT 中获取值

javascript - 根据所选的第一列选择 HTML 表格的 2 列

jquery - 表格宽度对于页面来说太宽了 - jQuery?