Question

如何在不添加更多标签的情况下将有序数字加粗？在jQuery中可能吗？

第一个元素
secondelement
thirdelement

1。第一个元素
2。 secondelement
3。 thirdelement

最好的问候哈坎

Answer 1

假设您的样本列表是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>

Answer 2

您不能只列出列表项。

Answer 3

如果没有额外的标签，我认为你不能做到这一点，但这并不算太糟糕：

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>

有序数字加粗而不添加更多标签

3 个答案: