Jquery 如何使用类获取值

我有一个简单的div

<div class="tknz-list">
    <div class="tknz-token" data-token="t"><span class="tknz-token-label">t</span><span class="tknz-token-x">×</span></div>
    <div class="tknz-token" data-token="u"><span class="tknz-token-label">u</span><span class="tknz-token-x">×</span></div>
    <div class="tknz-token" data-token="i"><span class="tknz-token-label">i</span><span class="tknz-token-x">×</span></div>
</div>

t×
u×
我×

我想使用它们的类名访问这些跨度值（每个值），但我不能使用任何ID

<span class="tknz-token-label">t</span>
<span class="tknz-token-label">x</span>
<span class="tknz-token-label">u</span>

t
x
U

---

我怎样才能做到这一点？

您必须像这样尝试，因为类中有更多的元素

let span_text:string = [];
$(".tknz-token-label").each(function() {
  span_text.push($( this ).text());
  console.log( $( this ).text() );
});
var alltext= span_text.join();
console.log(alltext);

---

上面的代码使用函数遍历所有元素，并使用函数打印每个元素的文本

您可以使用

$（'selector'）.text（）访问
span
值。下面是一个例子


$（'.tknz令牌标签'）。每个（函数（）{
console.log（$（this.text（））；
});

t×
u×
我×
您可以尝试此功能，以获取需要的更多信息，请查看jquery。每种方法
$（'.tknz令牌标签'）。每个（函数（）{
console.log（$（this.text（））；
});

t×
u×
i×
要获取所有具有相同类的
数据，您需要应用


$（文档）.ready（函数（）{
span_array=[]；//定义数组
$（“.tknz令牌标签”）。每个（函数（）{//迭代相同的类跨度
console.log（$（this.text（））；//打印每个跨度的文本
span_array.push（$（this.text（））；//将span文本推送到数组
});
console.log（span_array）；//您可以将数据保存到数组中以供进一步使用
var final_string=span_array.join（）；//将数组值作为字符串连接
console.log（最终_字符串）；//检查字符串
});

t×
u×
我×
可能重复的

使用javascript有很多很好的方法，您不必只使用jquery

您要说的是获取部门的document.textContent

您可以通过以下多种方式实现：

Array.from( document.getElementsByClassName( 'company Name' ), e => e.innerText )

或

var x=document.querySelectorAll（“[class='company Name']”）；
对于（var i=0；i具有完整DOM结构的解决方案

$('.tknz-list .tknz-token .tknz-token-label').each(function(){
 alert($(this).text());
});

您还可以在span上应用.each（）后尝试将.html（）转换为，以获取所有span数据，而.html（）不会对任何字符进行编码


$（'.tknz令牌标签'）。每个（函数（）{
log（$（this.html（））；
})；

t×
u×
我×
为了存储跨距中的值，请将它们放置在一个数组中供以后使用。您可以使用类选择器中的数组映射来完成此操作

只需重新使用
VAL
，它将保存
[“t”、“u”、“i”]


var vals=$（“.tknz令牌标签”）.toArray（）.map（t=>$（t.text（））；
console.log（VAL）；

t×
u×
我×
你能试试答案中建议的方式吗？嗯，两个投反对票的人和一个投反对票的人。哦，好吧，只要说明这可能是重复的，并且说明你实际上不必使用jquery。编辑：怎么回事，为什么有1/2的人投反对票，1/2的人投赞成票，我的代表从11变为9变为19，从21变为23变为11，你能不能还有一个答案吗？如何将该值存储在单个变量中，如（var a=t，u，i）非常感谢您的代码在@Alive to正常工作Die@aparnarai很高兴帮助你：）：）。我希望这个解释足以理解我在那里做了什么。
$('.tknz-list .tknz-token .tknz-token-label').each(function(){
 alert($(this).text());
});