css选择器怎么获取紧跟着节点后面的文本内容?
发布于 12 天前 作者 yakczh 542 次浏览 来自 问答
	      <span class="node">job</span> aaa 

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

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

5 回复

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

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

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

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);
}

回到顶部