2010-08-07 61 views
3

如何在不添加更多标签的情况下将订购号码加粗?
可能在jQuery?订购号码加粗而不添加更多标签

  1. 第一元件
  2. secondelement
  3. thirdelement

1.第一元件
2. secondelement
3. thirdelement

致以问候
hakan

+1

您必须添加周围有风格的数字标签。当然你可以用jQuery添加标签。你可以发布你的HTML文本? – 2010-08-07 18:54:34

回答

7

假设您的样本列表是ol列表,以下内容将会执行此操作。

<html> 
    <head> 
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js" /> 
     <script type="text/javascript"> 
      $(document).ready(function() { 
       $("ol li").each(function (index) { 
        $(this).wrapInner("<span />"); 
       }); 
       $("ol").css("font-weight", "bold"); 
       $("ol li span").css("font-weight", "normal"); 
      } 
      ); 
     </script> 
    </head> 
    <body> 
     <ol> 
      <li>first element</li> 
      <li>secondelement</li> 
      <li>thirdelement</li> 
     </ol> 
    </body> 
</html> 
+0

这是一位美女,我的朋友! 非常感谢。 Bugar och bockar! – 2010-08-13 19:19:16

2

您不能粗体列出项目。

2

我不认为你可以不用一些额外的标签,但它也不是太糟糕:

li { font-weight:bold; } 
.text { font-weight:normal !important; } 


<ol> 
    <li><span class="text">first element</span></li> 
    <li><span class="text">secondelement<span class="text"></li> 
    <li><span class="text">thirdelement<span class="text"></li> 
</ol>