我正在从数据库中收到一个用逗号分隔的项目列表,并将它们放在表格单元格中,并且我想添加其他样式,以使它们易于区分。
即
foo,bar,mon,key,base,ball
这样代码看起来像这样:<td class="wide">foo, <span class="alt">bar</span>, mon, <span class="alt">key</span>, base, <span class="alt">ball</span></td>
因此,我想将span类添加到备用值。
有没有一种简单的方法可以在jQuery中做到这一点?
最佳答案
您是模棱两可的,因为我们不知道是从出现的<span>
元素开始还是仅以逗号分隔的列表作为纯文本,而<span>
元素是由jQuery添加的。
如果您在jQuery之前有<span>
元素
使用jQuery,您可以使用:even
selector。
$('td.wide span:even").addClass("alt");
如果您在jQuery之前没有
<span>
元素(未试)
var list = $('td.wide').html();
var listAsArray = list.split(',');
var newListHtml = '';
for(var i=0; i<listAsArray.length; i++) {
if(i%2==0) {
newListHtml += '<span class="alt">';
}
newListHtml += listAsArray[i];
if(i%2==0) {
newListHtml += '</span>';
}
}
$('td.wide').html(newListHtml);
关于javascript - 将<span>添加到Jquery中的交替逗号分隔列表,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3118462/