1

複数のイベント日付 div があります。

HTML:

 <div class="event-dates">Aug 28</div>
 <div class="event-dates">Aug 28</div>
 <div class="event-dates">Aug 28</div>
 <div class="event-dates">Aug 28</div>

JQuery:

 jQuery.noConflict();
 jQuery(document).ready(function(){
      jQuery(".event-dates").each(function() {
           jQuery(this).html(jQuery(this).html().replace(/ /g, '<br />'));
      });

 });

最初に添付した画像のように出力したいのですが、文字列を分割してhtmlで追記することは可能ですか?

また

そのような出力を取得する他の方法はありますか?

最初の画像に示すように期待される結果

ここに画像の説明を入力 出力が必要

4

2 に答える 2

2

コメントに基づいて

jQuery.noConflict();
jQuery(document).ready(function() {
    jQuery(".event-dates").html(function(idx, html) {
        return html.replace(/([a-z]+)\s(\d+)/i, '<span class="firest">$1</sapn><span class="day">$2</span>')
    });
});

デモ:フィドル

于 2013-08-23T10:15:09.503 に答える