태그를 추가하지 않고 주문 번호를 굵게 표시

태그를 추가하지 않고 주문 번호를 굵게 표시하려면 어떻게해야합니까?
jQuery에서 사용 가능합니까?태그를 추가하지 않고 주문 번호를 굵게 표시

제 소자
secondelement
thirdelement

제 1 요소
2 secondelement
3. thirdelement

감사합니다.
하칸

2010-08-07 Hakan Wergeni

당신은 스타일을 가지고 숫자 주위에 태그를 추가해야합니다. 물론 jQuery를 사용하여 태그를 추가 할 수 있습니다. 그리고 당신은 텍스트 주위에 HTML을 게시 할 수 있습니까? –

샘플 목록이 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>

출처

2010-08-07 19:13:38

그건 내 친구 야! 많은 감사하겠습니다. Bugar och bockar! –

목록 항목 만 굵게 표시 할 수 없습니다.

출처

2010-08-07 18:55:25

난 당신이 몇 가지 추가 태그없이 그것을 할 수 있다고 생각하지 않습니다,하지만 너무 나쁘지 않아 :

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>

출처

2010-08-07 19:13:57 Ray

태그를 추가하지 않고 주문 번호를 굵게 표시

답변

관련 문제