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 仍然让我感到困惑

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>