仅使用jquery获取第一个标记内容

时间:2014-09-25 10:24:08

标签: javascript jquery html dom

我只想从代码中获取“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?

7 个答案:

答案 0 :(得分:1)

尝试:first()选择器,如下所示:

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

答案 1 :(得分:1)

您可以使用.first()

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

答案 2 :(得分:1)

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

答案 3 :(得分:1)

使用:first选择器

&#13;
&#13;
var text = $('.count-link:first span').text()
alert(text);
&#13;
<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>
&#13;
&#13;
&#13;

答案 4 :(得分:1)

试试这个:

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

答案 5 :(得分:1)

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

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

答案 6 :(得分:0)

使用此:

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

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