jquery - 如何使用 jquery 使此 css 代码(计数器和；之前)跨浏览器兼容？

Question

如何使用 jquery 使此 css 代码跨浏览器兼容。此代码仅适用于 firefox 和 IE8。我也想在 IE6 和 7 中使用。

ol {list-style-type: none;}
li:before {content: "(" counter(section, lower-alpha) ") ";}
li { counter-increment: section;}

这是html

<ol class"fnotes">    
  <li> item 1 </li>
  <li> item 2 </li>
  <li> item 3 </li>
</ol>

我需要这个输出

(a) 元素 1

(b) 元素 2

(c) 元素 3

Answer 1

你可以这样做:

$(function() {
  $("li").each(function(i) {
    $(this).prepend("(" + String.fromCharCode(i + 97) + ") ");
  });
});

注意:26 个字符限制:)

以防万一有人需要疯狂的兴奋，这从 (a) 到 (zz) 正确，应该有很多脚注......

$("li").each(function(i) {
    var prefix = "";
    if(i >= 26) {
        prefix = String.fromCharCode((i / 26 + 96));
        i = (i % 26)
    }
    $(this).prepend("(" + prefix + String.fromCharCode(i + 97) + ") ");
});​​​