我有一个标签列表,例如 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 或其他任何东西的类。
请告诉我是否可行,如果可行,那么如何实现。
最佳答案
$("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>
关于javascript - 如何应用 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46830465/