Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从OL编号中删除句点(.)?_Javascript_Jquery_Css_Xhtml - Fatal编程技术网

Javascript 如何从OL编号中删除句点(.)?

Javascript 如何从OL编号中删除句点(.)?,javascript,jquery,css,xhtml,Javascript,Jquery,Css,Xhtml,我想删除编号后的 1.只能是1 具有所有浏览器兼容性和有效性 我需要没有javascript的解决方案 编辑: 如果仅使用css是不可能的,那么一个简单的javascript和jQuery解决方案将不胜感激,谢谢。有这样的解决方案,但不确定有多少浏览器支持它 ol { list-style-type:none; } ol li:before { content:counter(number) " "; counter-increment:number; counter-reset: numb

我想删除编号后的

1.
只能是
1

具有所有浏览器兼容性和有效性

我需要没有javascript的解决方案

编辑:


如果仅使用css是不可能的,那么一个简单的javascript和jQuery解决方案将不胜感激,谢谢。

有这样的解决方案,但不确定有多少浏览器支持它

ol {
list-style-type:none;
} 

ol li:before {
content:counter(number) " ";
counter-increment:number;
counter-reset: number;
}

工作示例。我已经在Chrome上运行了。

使用jQuery查找
  • 并在其中插入递增的数字。innerHTML可能是使用javascript实现这一点的最佳方法。

    老实说,完全跨浏览器的唯一方法是根本不使用列表编号。只需将
    列表样式:none
    放在列表上,然后手动键入数字:

    <ol>
      <li>1 The first item</li>
      <li>2 The second item</li>
    </ol>
    
    
    
  • 1第一项
  • 2第二项

  • 如果您在服务器端生成代码,那么就容易多了,因为您可以在循环中使用递增变量。

    @cazlab-是的,如果可能的话,我需要css解决方案使用纯css我认为这是不可能的,但我很想知道。为什么需要纯javascript和jQuery?我对这个问题进行了编辑,使其要求更低,更礼貌。但与IE6兼容性标准不符。当然,没有js也不行。@ricebowl-如果不可能只使用css,你可以给出javascript解决方案。是的,我觉得IE不支持它。但至少对于真正的浏览器来说,这是一个选项,然后可以在IE中使用一些JS。对我来说,它在Chrome中不起作用-你缺少
    计数器重置:number在列表上。编辑以添加
    计数器重置:编号