json 응답에 CSS를 추가하는 방법

Question

td class = "bgimg"를 클릭하면 다른 함수가 호출됩니다. 클릭 한 td 클래스를 어떻게 추가합니까?

/*This function creates a list of tabs*/ 
BCL.onSearchResponse = function(jsonData) { 
    BCL.jsonData = jsonData; 
    var str = "<table id=\"playlistTable\" cellspacing=\"1\"><tbody><tr>"; 
    var html = ""; 
    for (var i = 0; i < jsonData["items"].length; i++) { 
     var playlist = jsonData["items"][i]; 
     html = "<td class=\"bgimg\" onclick=\"BCL.onPlaylistSelect(" + i +")\">{{name}}</td>"; 
     str += BCL.markup(html,playlist); 
    } 
    str += "</tr></tbody></table>"; 
    //console.log(str); 
    document.getElementById("results").innerHTML = str; 
    // load the first playlist 
    BCL.onPlaylistSelect(0); 
} 

Answer 1

function hasClass(element,clss) { 
    return element.className.match(new RegExp('(\\s|^)'+clss+'(\\s|$)')); 
} 

function addClass(element,clss) { 
    if (!this.hasClass(element,clss)) element.className += " "+clss; 
} 

BCL.onPlaylistSelect = function(something, element) { 
    element.addClass("myClass"); 
    //do stuff 
}; 

BCL.onSearchResponse = function(jsonData) { 
    BCL.jsonData = jsonData; 
    var str = "<table id=\"playlistTable\" cellspacing=\"1\"><tbody><tr>"; 
    var html = ""; 
    for (var i = 0; i < jsonData["items"].length; i++) { 
     var playlist = jsonData["items"][i]; 
     html = "<td class=\"bgimg\" onclick=\"BCL.onPlaylistSelect(" + i +", this)\">{{name}}</td>"; 
     str += BCL.markup(html,playlist); 
    } 
    str += "</tr></tbody></table>"; 
    //console.log(str); 
    document.getElementById("results").innerHTML = str; 
    // load the first playlist 
    BCL.onPlaylistSelect(0); 
};