How to add additional attribute according to the text
<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>

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

$(document).ready(function(){
    $('#ccc_new_val_hdn span').each(function(){
        var text = $.trim($(this).text());
        if(text === ',')
            $(this).addClass('comma')
        else if(text === "")
            $(this).addClass('space');
    });
});

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

<span>,</span>
<span>hello, world</span>
<span> , </span>

jQuery.expr[':'].hasText = function(element, index, meta) {
    var textToSearch = meta[3];
    return $(element).text() == textToSearch;
};

$(':hasText(,)').addClass('comma');
$(':hasText( )').addClass('space');