使用jquery只获取第一个标签内容

Only get the first tag content with jquery

本文关键字：标签 第一个 获取 jquery 使用      更新时间：2023-09-26

我只想从代码中得到"22"。。。

<div class="left">
<a class="count-link" href="http://url1.com">
<span>22</span>
users
</a>
<a class="count-link" href="http://url2.com">
<span>10</span>
users
</a>
</div>

我试过：

var text = $('.count-link span').text()
alert(text);

但这将返回2210

我怎么能只拿到22？

尝试:first()选择器，如图所示：

var text = $('.count-link span:first').text()

您可以使用.first（）

var text = $('.count-link span').first().text()

var text = $($('.count-link span')[0]).text()
alert(text);

使用:first选择器

var text = $('.count-link:first span').text()
alert(text);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="left">
  <a class="count-link" href="http://url1.com">
    <span>22</span>
    users
  </a>
  <a class="count-link" href="http://url2.com">
    <span>10</span>
    users
  </a>
</div>

试试这个：

var text = $('.left span:first').text();
alert(text);

您也可以在jquery 中使用eq()过滤器

var text = $("span").eq(0).text();

使用此：

var text = $('.count-link span:first').text()
alert(text);

或

var text = $('.left span:eq(0)').text()
alert(text);
相关文章：