Question

我有这个简单的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.如何只提取我想要的那个？

Answer 1

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

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

或:eq()

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

Answer 2

您可以尝试:not(:first)：

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

或

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

fiddle

Answer 3

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

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

或者：

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

但是如果你想要第一个div里面的<a>元素里面的文字“ann”：

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

或者：

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

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

使用JQuery从div类中提取文本

3 个答案: