使用的.html选择另一个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的内容？

谢谢！ jQuery中

Answer 1

使用text()方法

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

FIDDLE DEMO

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

Answer 2

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

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

DEMO

Answer 3

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

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

正如名字所暗示的，.html()方法是使用HTML和.text()方法是与文字工作。当你调用后者时，它只返回没有任何标记的选定节点的文本内容。

Answer 4

试试这个：

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

Answer 5

试试这个，使用CSS选择器。

第一div元素：

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

而第二div元素：

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