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

发布于 6 年前作者 yakczh 5094 次浏览来自问答

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

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

5 回复

darrenliuwei 1楼•6 年前

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

darrenliuwei 2楼•6 年前

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

yakczh 3楼•6 年前作者

@darrenliuwei 没有标签

yakczh 4楼•6 年前作者

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

dislido 5楼•6 年前

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

css选择器怎么获取紧跟着节点后面的文本内容? - CNode技术社区