使用.html（）在另一个div中选择多个div文本

Question

我有一个与此类似的div结构：

<div class="box">
    <div class="input">ABC</div>
    <div class="input">DEF</div>
</div>

现在我需要在box类中选取HTML文本。

使用：

$('.box').html();

返回<div class="input">ABC</div><div class="input">DEF</div>。

要仅返回inputs div中的文字，我尝试了

$('.box div.input').html();

但这只给了我第一个div的html内容。如何获取第二个和后续div的内容？

谢谢！

Answer 1

在jQuery中使用text()方法

$('.box').text();

FIDDLE DEMO

文档：http://api.jquery.com/text/

Answer 2

尝试使用css选择器。

第一个div元素：

$(".box div:eq(0)").html();

第二个div元素：

$(".box div:eq(1)").html();

Answer 3

你需要使用.text（），使用.html（）将选择第一个div

$('.box div.input').text()

DEMO

Answer 4

您需要使用.text()方法。 http://api.jquery.com/text/

$('.box div').text()

顾名思义，.html()方法用于处理html，.text()方法用于处理文本。当您调用后者时，它仅返回所选节点的文本内容而不进行任何标记。

Answer 5

试试这个：

$('.box div.input').each(function(){
    console.log($(this).text());
});