首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery span类选择器

jQuery span类选择器
EN

Stack Overflow用户
提问于 2015-03-24 06:53:13
回答 4查看 11K关注 0票数 2

我有一个跨度,里面有一个文本,就像:

代码语言:javascript
运行
复制
<span class="characters-count">&#40;160 Characters Left&#41;</span>

当我尝试使用类选择器( .characters-count )来获取span中的文本时,给出了一个类(在本例中是一个类):

代码语言:javascript
运行
复制
$(".characters-count")[0].text();

它返回未定义的!

然而,这个选择器工作得很好:

代码语言:javascript
运行
复制
$("span.characters-count").text();

谁能解释这是怎么回事?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2015-03-24 06:55:39

代码语言:javascript
运行
复制
$("span.characters-count").text(); 

在本例中,您使用的是具有jQuery方法的text对象。

代码语言:javascript
运行
复制
$(".characters-count")[0].text();

在本例中,您使用的是没有实际DOM元素方法的text (如document.getElementByClassName('characters-count')[0])

票数 4
EN

Stack Overflow用户

发布于 2015-03-24 06:55:08

当您使用$(“.字符-计数”)检查演示时,需要使用演示而不是text()

代码语言:javascript
运行
复制
 $(".characters-count")[0].innerText
票数 1
EN

Stack Overflow用户

发布于 2015-03-24 06:56:45

代码语言:javascript
运行
复制
console.log($(".characters-count:first").text())
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="characters-count">&#40;160 Characters Left&#41;</span>

试着做这样的事情:

代码语言:javascript
运行
复制
$(".characters-count:first").text()

来看看,为什么它不适合你。

代码语言:javascript
运行
复制
//This will return dom element, so it doesn't have `text()` method, that's why it was throwing error for you.
    console.log($(".characters-count:first")[0]); 


// This will return object of an element, you can use jQuery selectors to get first element from collection and set text to it
     console.log($("span.characters-count"));
     console.log($("span.characters-count:first").text

);

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29226572

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档