0

コースの日付については、以下の html 構造を使用しています。

<div class="courses">
    <div class="row">
      <div class="start">01st Jan 2013</div>
      <div class="end">28th Jan 2013</div>
    </div>

    <div class="row">
      <div class="start">03rd Jan 2013</div>
      <div class="end">10th Jan 2013</div>
    </div>
</div>

次の出力構造のように、「st」、「th」、「rd」などの日付形式を SPAN タグでラップしたいと考えています。CSSでスタイルを設定できるように、これを達成する方法を考えています。

<div class="courses">
    <div class="row">
      <div class="start">01<span>st</span> Jan 2013</div>
      <div class="end">28<span>th</span> Jan 2013</div>
    </div>

    <div class="row">
      <div class="start">03<span>rd</span> Jan 2013</div>
      <div class="end">10<span>th</span> Jan 2013</div>
    </div>
</div>
4

5 に答える 5

0

タグのスタイルを設定position:relativeし <span>、CSS を使用して上部に移動する必要があります。

デモ：jsfiddle.net/zqr2Q/

于 2013-07-30T10:11:12.647 に答える
0 
    var start = $('.start');
    var end = $('end');

    $.each(start,function(e,item){
        var text = $(item).html();
        var finalCh = text.substr(2,2);
        var newFinalCh = "<span class=\"yourClass\">" + finalCh + "</span>";
        var newText = text.replace(finalCh,newFinalCh);
        $(item).html(newText);
    });

jquery ライブラリをインクルードした後、このスクリプトを使用します

于 2013-07-30T10:28:43.653 に答える