jquery - 使用 jQuery 获取 CSS 的 Before-Content

Question

我有以下 CSS

h1:before {
    content: "Chapter " counter(lvl1) "\000d\000a";
    counter-increment: lvl1;
    white-space: pre-wrap;
}
h1 {
    page-break-before: right;
}

和这个 HTML

<p>...</p>
<h1>A Title</h1>
<p>...</p>

通过给定的 CSS，我得到类似的东西

Chapter 1
A Title

当我尝试使用 jQuery 获取文本时，我得到了“A Title”。是否有可能获得“第 1 章\n标题”？

谢谢

Answer 1

使用getComputedStyle():

$('h1').each(function(){
    console.log(window.getComputedStyle(this,':before').content);
});

before() 是一种用于遍历 DOM 的 jQuery 方法，它获取/设置前面的元素，它不访问伪元素。

Working JS Fiddle , 由 Eric 提供.

尽管有一个不幸的警告，即此方法返回 content 声明中使用的literal 字符串，而不是实际 生成的内容.