javascript - 如何根据文本添加附加属性

Question

这是我的 HTML 代码

<div id="ccc_new_val_hdn">
    <span>9</span>
    <span>,</span>
    <span> </span>
    <span>6</span>
    <span>2</span>
    <span>1</span>
</div>

我需要像这样转换逗号和空格

<span class='comma'>,</span>

和空间

<span class='space'> </span>

我尝试了 :contains() 和 find()，但无法获取代码。

Answer 1

只需迭代并设置类。

$('#ccc_new_val_hdn span').each(function() {
    if($(this).html() == ','){
        $(this).addClass('comma');
    }
    if($(this).html() == ' '){
        $(this).addClass('space');
    }
});

演示:http://jsbin.com/igaraq