如何在ajax数据项中为条件分配类?

时间:2017-04-04 10:07:42

标签: javascript jquery ajax

我写过像

这样的jquery
$("#broadcastedmessagelist").append('<tr>' +
  '<td style="text-align: center;">' +
  '' + data[i]['user_id'] + '' +
  '</td>' +
  '<td style="text-align: center;">' +
  '' + data[i]['dateSent'] + '' +
  '</td>' +
  '<td class="footable-visible" style="text-align: center;">' + '<span class="label label-primary">' +
  '' + data[i]['emailSent'] + '' +
  '</span></td>' +
  '</tr>');

现在我想将class =“label label-danger”分配给data [i] ['emailSent']包含零或未定义或null或“”。

请帮助!!!

1 个答案:

答案 0 :(得分:0)

更多jQuery'ish,并且根据条件添加类更容易

var tr  = $('<tr />'),
    td1 = $('<td />', {
                css    : {textAlign : 'center'},
                text   : data[i]['user_id']
          }),
    td2 = $('<td />', {
                css    : {textAlign : 'center'},
                text   : data[i]['dateSent']
          }),
    td3 = $('<td />', {
                css     : {textAlign : 'center'},
                'class' : 'footable-visible'
          }),
    sp  = $('<span />', {
                text    : data[i]['emailSent'],
                'class' : 'label label-' + (data[i]['emailSent'] ? 'primary' : 'danger')
          });

$("#broadcastedmessagelist").append(tr.append(td1, td2, td3.append(sp)));