我想从(class1,class2,class3,class4)向#tagcat元素添加一个随机类名。如何向博客模板中的元素添加随机类名
我该怎么做?有没有可能做到这一点的JavaScript?
<b:if cond='data:top.showPostLabels and data:post.labels'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:i == 0'>
<div class='alt-cat blurple-gradient' id='tagcat' title='ds'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
</div>
</b:if>
</b:loop>
</b:if>
</div>
编辑
这是完整的代码,显示最近我的博客主页上的8个员额:
<div class='entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div class='post-media'>
<b:if cond='data:post.firstImageUrl'>
<div class='image-wrap'>
<!-- <div class='mask'/> -->
<a expr:href='data:post.url'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' />
</a>
</div> <b:else/>
<div class='needo' /> </b:if>
<script class='java' expr:src='"/feeds/posts/default/" + data:post.id + "?alt=json-in-script&callback=labelset"' type='text/javascript' />
<b:if cond='data:top.showPostLabels and data:post.labels'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:i == 0'>
<div class='alt-cat blurple-gradient' id='tagcat' title='ds'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
</div>
</b:if>
</b:loop>
</b:if>
</div>
<div class='post-body'>
<div class='post-title'>
<h2>
<a expr:href='data:post.url'><data:post.title/></a>
</h2>
</div>
<div class='post-entry'>
<p><data:post.snippet/></p>
</div>
<div class='post-author'>
<!--
<div class='image-thumb'>
<img alt='Post Author' expr:src='data:post.authorPhoto.url'/>
</div>
-->
<div class='name-author'>
<data:post.author/>
<div class='time-stamp'>
<data:post.timestamp/>
</div>
</div>
</div>
元素#tagcat
显示的标签。我想为不同的帖子在元素#tagcat
上添加不同的类,以便它们显示为不同的颜色,因此我需要针对不同的帖子代码段标签使用不同的CSS。
添加同一类加循环指数,其可以产生像'tagcat0 tagcat1 tagcat2' .. –