使用 jQuery 获取 CSS 的前内容

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”。是否有可能获得“Chapter 1\nA Title”？

谢谢

Answer 1

使用getComputedStyle():

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

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

Working JS Fiddle，由Eric提供。

虽然不幸的是，这种方法返回的是content 声明中使用的literal 字符串，而不是实际 生成的内容。