css选择器怎么获取紧跟着节点后面的文本内容？

	      <span class="node">job</span> aaa 

	      <span class="node">job</span> bbb

”span.node:after”　取不到　aaa　bbb

darrenliuwei 1楼•5 年前

应该要给 aaa　bbb 添加新的标签吧？

darrenliuwei 2楼•5 年前

或者你可以给所有的文字添加红色，然后再去掉 job 的颜色，这样就改变了 aaa　bbb 的颜色了

yakczh 3楼•5 年前作者

@darrenliuwei 没有标签

yakczh 4楼•5 年前作者

@darrenliuwei 是用在爬虫，爬取文本内容　，上面的例子只是为了演示方便

dislido 5楼•5 年前

css取不到，只能先选父节点，然后取childNodes 或者试试能不能用xpath选择器

<html>
  <head></head>
  <body>
    <div id="test">
      <span class="node">job</span> aaa 
      <span class="node">job</span> bbb 
    </div>
  </body>
</html>

const x = document.evaluate(`//span[@class='node']/following-sibling::text()[1]`, document.getElementById('test'));
while(true) {
  const it = x.iterateNext();
  if (!it) break;
  console.log(it);
}