如何使用jquery获取nth子值
如何使用jquery获取nth子值
提问于 2017-12-25 11:03:52
我收到了这样一份无序的名单：
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
</ul>
<div id='output'></div>我刚刚在javascript中读到了关于nth-child的文章，我得到了一个小问题:如何在输出div中打印出nth子元素的值？我这样做，它返回对象HTMLDivElement
var el=$("ul li:nth-child(2)").val();
$('#output').text('The second child is: '+el[0]);
console.log(el);回答 3
Stack Overflow用户
回答已采纳
发布于 2017-12-25 11:08:17
您可能想取文本值：
var el = $("ul li:nth-child(2)").text();输出如下：
$('#output').text('The second child is: ' + el);Stack Overflow用户
发布于 2017-12-25 11:10:22
$('#output').text('The second child is ' + $("ul li:nth-child(2)").text());<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>
Stack Overflow用户
发布于 2017-12-25 11:10:33
您需要读取li的innerText，而不是在本例中不存在的值。
var el=$("ul li:nth-child(2)");
$('#output').text('The second child is: '+el[0].innerText);
console.log(el[0].innerText);<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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47971302
复制相关文章
相似问题
腾讯云开发者
