获取 jQuery 元素的第二个子元素

Question

这个问题可能重复，但我没有发现任何有用的信息。

这是我的片段：

$("table tbody tr").hover(

  function() {
    var secondCell = $(this).children[1].textContent;

    //secondCell.someCode
  },

  function() {
    //some code
  }

);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <thead>
    <tr>
      <th>foo</th>
      <th>foo</th>
      <th>foo</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>bar</td>
      <td>bar</td>
      <td>bar</td>
    </tr>
  </tbody>
</table>

我想做的是：当玩家悬停在一行时，它应该提醒他们一条消息，并且该消息有第二个单元格文本。
希望您能理解，并提前致谢。

Answer 1

在jquery中，.children()是一个函数。所以你需要先调用它，然后才能从数组中取出一个元素。查看 jquery .children() 文档。

你可以这样使用它：jsfiddle.

Answer 2

有几种方法：

$( "tr td:nth-child(2)" )

$( "tr").children().eq(1)

$( "tr td").eq(1)

$( "tr td").filter(":nth-child(2)")

Answer 3

您也可以使用以下代码

$("table tbody tr").hover(

    function() {
        var secondCell = $(this).find("td:eq(1)").text();

        //secondCell.someCode
    },

    function() {
        //some code
    }

);

获取 jQuery 元素的第二个子元素

Get the second child of a jQuery element

html

jquery

element

this