javascript - 如何使用纯 Javascript 从 Div 中的 Span 获取文本值

Question

<div class="auc col-100 mgb-1">
  <span class="xtag" id="test1"><span>test1</span><a href="#" class="tagDel">x</a></span>
  <span class="xtag" id="test2"><span>test2</span><a href="#" class="tagDel">x</a></span>
</div>

我如何获得 test1 和 test2

xtag.forEach(function(){
  var s=[];
  s.push(document.querySelector('.xtag span').innerText.toLowerCase())
});

我想检查一下

s.indexOf(valcheck)

如果使用 Jquery，我可以使用 find(); 但是对于香草 javascript 仍然让我感到困惑

标签： javascript

Answer 1

您可以尝试使用Document.querySelectorAll()和Array.prototype.map()：

var s = Array.from(document.querySelectorAll('.xtag span'));
s = s.map(el => el.innerText.toLowerCase());
console.log(s); // ["test1", "test2"]
console.log(s.indexOf('test1')); // 0
console.log(s.indexOf('test2')); // 1

<div class="auc col-100 mgb-1">
  <span class="xtag" id="test1"><span>test1</span><a href="#" class="tagDel">x</a></span>
  <span class="xtag" id="test2"><span>test2</span><a href="#" class="tagDel">x</a></span>
</div>