使用jquery基于开始属性重置ol列表计数器

我需要制作一个jquery脚本，它可以正确地执行OL启动，并将其转换为基于css的计数器。 对于这样的html：

<ol >
  <li>First</li>
  <li>Second</li>
</ol>
<p></p>
<ol start ="3" >
  <li>First</li>
  <li>Second</li>
</ol>

我想添加基于start属性自动重置的计数器。 我现在得到的是：

$("ol").each(function() {

  var index = $("ol").prop("start")-1;
  $(this).css({counter-reset:list index});    

});

索引变量正在工作，但我不知道如何将其插入css属性中。 谢谢你的帮助，

---

Zsolt

我们使用JS进行此操作，因为周围的CSS隐藏了默认编号。我们有一个提供开始属性的CMS：

如果您确实想在JS中使用它，我建议：

<ol >
  <li>First</li>
  <li>Second</li>
</ol>
<p></p>
<ol start="3" >
  <li>First</li>
  <li>Second</li>
</ol>

然后，此JS将结合您的样式应用“开始”属性：

$("ol").each(function(idx, el) {
  var index = parseInt($(el).attr("start"))-1;
    if (!isNaN(index)) {
        $(el).css({'counter-reset':'li ' + index});    
    }
});

正如这里所展示的

---

问题在于，由于ol所需的样式，我们无法使用受起始影响的列表默认编号。因为cms会自动将start元素添加到列表中，所以我想用它来重新编号使用css样式的列表：before.gotcha，我会调整我的小提琴

ol {
    counter-reset: li
}

li {
    list-style-type: none;
    counter-increment:li;
}

li:before {
    content:" " counter(li) ". ";
}

$("ol").each(function(idx, el) {
  var index = parseInt($(el).attr("start"))-1;
    if (!isNaN(index)) {
        $(el).css({'counter-reset':'li ' + index});    
    }
});