我正在从数据库中收到一个用逗号分隔的项目列表,并将它们放在表格单元格中,并且我想添加其他样式,以使它们易于区分。



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/

10-12 03:29
查看更多