jQuery span类选择器

Question

我有一个跨度，里面有一个文本，如：

<span class="characters-count">&#40;160 Characters Left&#41;</span>

给定span在这种情况下是.characters-count类，当我尝试使用jQuery的类选择器获取span内的文本时：

$(".characters-count")[0].text();

它返回undefined！

但是，此选择器效果很好：

$("span.characters-count").text();

任何人都可以解释发生了什么事？

Answer 1

你需要使用的innerText而不是文本（）当您使用$（“字符数”）[0]检查DEMO

 $(".characters-count")[0].innerText

Answer 2

$("span.characters-count").text(); 

在我们的例子中，您使用具有text方法的jQuery Object

$(".characters-count")[0].text();

在这种情况下，您将使用没有text方法的实际DOM元素 （例如document.getElementByClassName('characters-count')[0] ）

Answer 3

 console.log($(".characters-count:first").text()) 

 <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> 

尝试这样的事情：

$(".characters-count:first").text()

检查这里，为什么它不适合您。

//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

）;

Answer 4

采用

$(".characters-count").text();  

演示