Question

我有一个这样的无序列表：

listOfObservables.combineLatest { ... }

我刚刚在javascript中读到了关于nth-child的内容，我得到了一个小问题：如何在输出div中打印出nth-child的值？我这样做，它返回[object HTMLDivElement]

<ul>
 <li>One</li>
 <li>Two</li>
 <li>Three</li>
 <li>Four</li>
</ul>
<div id='output'></div>

Answer 1

您可能想要获取文本值：

var el = $("ul li:nth-child(2)").text();

输出如下：

 $('#output').text('The second child is: ' + el);

Answer 2

＆＃13;

$('#output').text('The second child is ' + $("ul li:nth-child(2)").text());

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
 <li>One</li>
 <li>Two</li>
 <li>Three</li>
 <li>Four</li>
</ul>
<div id='output'></div>

＆＃13;

Answer 3

您需要阅读li的innerText而不是在这种情况下不存在的值。

＆＃13;

var el=$("ul li:nth-child(2)");
  $('#output').text('The second child is: '+el[0].innerText);
  console.log(el[0].innerText);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
 <li>One</li>
 <li>Two</li>
 <li>Three</li>
 <li>Four</li>
</ul>
<div id='output'></div>

＆＃13;

如何使用jquery获取nth-child值

3 个答案: