使用 JQuery 从 div 类中提取文本答案

【问题标题】：Extract text from a div class with JQuery使用 JQuery 从 div 类中提取文本
【发布时间】：2014-01-02 05:10:35
【问题描述】：

我有这个简单的 HTML 代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo</title>
</head>
<body>
    <script src="jquery.js"></script>
    <script src="prova.js"></script>
    <div class="altro"><a href=#>Div 1</a></div>    
    <div class="ann"><a href=#>Div 2</a></div>
    <div class="ann"><a href=#>Div 3</a></div>    
</body>
</html>

我想使用 JQuery 脚本提取“ann”类的第二个 div“Div 2”的内容。我试过了：

var str = $( ".ann" ).text();

但是它需要 Div 2 和 Div 3。我怎样才能只提取我想要的那个？

【问题讨论】：

见这里api.jquery.com/eq

标签： javascript jquery html

【解决方案1】：

使用.eq() - 它需要基于 0 的索引

var str = $( ".ann" ).eq(1).text();

或:eq()

var str = $( ".ann:eq(1)" ).text();

【讨论】：

【解决方案2】：

如果你想要第一个 div 中的文本，类为“ann”：

var str = $('.ann:first').text();

或者：

var str = $('.ann').eq(0).text();

但是，如果您想要 <a> 元素内的文本，该元素位于第一个具有“ann”类的 div 内：

var str = $('.ann:first').children('a').text();

或者：

var str = $('.ann').eq(0).children('a').text();

注意： - :first 选择器将选择器限制为第一个匹配元素。 - .eq() 函数将匹配集减少到具有给定从零开始的索引的元素。

【讨论】：

I would like to extract the content of the second div "Div 2" of the class "ann" 这可能会为您解决问题。
@Jai - 我认为这意味着 OP 想要内容为“Div 2”的 div，这是三个 div 中的第二个，但第一个具有“ann”类。

【解决方案3】：

你可以试试:not(:first):

var str = $(".ann:not(:first)").text();

或

var str = $(".ann").not(':first').text();

fiddle

【讨论】：