Question

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

<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 innertext ...这里需要小调整。

Answer 1

我以某种方式解决了......追踪和错误......谢谢：）

<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>

Answer 2

我认为这就是你的意思

document.querySelectorAll('table tr td:first-child')

Answer 3

table tr td：first-child

正如Dan Philip所说，您需要调整HTML，如下所示。

01 00:00:00

这是使用jquery的Codepen.io示例（仅用于说明）：

https://codepen.io/wykydtronik/pen/yMGMYw

CREATE TABLE your_table (
  date_column DATE
              CONSTRAINT your_table__date_column__chk
                CHECK ( date_column = TRUNC( date_column, 'MM' ) )
);

INSERT INTO your_table ( date_column )
VALUES ( TRUNC( SYSDATE, 'MM' ) );

请注意，jQuery只是您尝试执行的操作的一个示例。在codepen上，您可以打开底部的控制台，查看从节点存储的对象。

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

3 个答案: