我有以下html:
<div class="topics">
<span class="topic" data-value="hello">hello</span>
<span class="topic" data-value="world">world</span>
<span class="topic" data-value="one">one</span>
<span class="topic" data-value="two">two</span>
<span class="topic" data-value="six">six</span>
</div>
如何从每个区块中获取价值并结合起来?结果应该是:
[“你好”,“世界”,“一个”,“两个”,“六个”]
我怎样才能做到这一点?
您将获得跨度并映射回文本内容
var text = [].map.call(document.querySelectorAll('.topics span'), function(elem) {
return elem.textContent; // or elem.dataset.value for the data-attribute
});
console.log(text)
<div class="topics">
<span class="topic" data-value="hello">hello</span>
<span class="topic" data-value="world">world</span>
<span class="topic" data-value="one">one</span>
<span class="topic" data-value="two">two</span>
<span class="topic" data-value="six">six</span>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句