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

问答

Yyakczh发布于7 年前最后回复7 年前|5 回复5314 浏览0 收藏

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

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

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

查看回复

darrenliuwei#1·7 年前

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

darrenliuwei#2·7 年前

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

yakczh#3·7 年前

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

@darrenliuwei 没有标签

yakczh#4·7 年前

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

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

dislido#5·7 年前

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选择器怎么获取紧跟着节点后面的文本内容？

回复 (5)