javascript - 如何应用 CSS

Question

我有一个标签列表，例如 tag 01、tag 02、tag 03、tag 04， 标签05，依此类推...

我想应用 CSS，为标签 01 设置一个类，并为其分配颜色等。标签 02、标签 03 等也是如此。

问题是，我无法编辑 HTML，它是这样的:

<p>tag 01, tag 02, tag 03, tag 04, tag 05</p>

我不知道是否可以为每个标签放置一个使用 Java、CSS 或其他任何东西的类。

请告诉我是否可行，如果可行，那么如何实现。

Answer 1

$("p.tag").each(function(){
  var $this=$(this);
  var Tag=$this.text().split(',');
  $this.empty()
  $.each(Tag,function(key,value){
    $this.append(key==0?"":"<span>,</span>").append( $("<span/>",{class:("tag"+ (key+1)),html:value}));
  });
});

.tag1{color:red};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="tag">tag 01, tag 02, tag 03, tag 04, tag 05</p>
<p class="tag">tag 01, tag 02, tag 03, tag 04, tag 05</p>
<p class="tag">tag 01, tag 02, tag 03, tag 04, tag 05</p>