基于条件的Jquery附加类

如果我的var

number

是的话，我想在tr元素中添加一个.less类，你必须将你的

td

附加到新创建的

tr

，而不是

tbody

$(document).ready(function(){
  var number = 80;
  if(number<100){
    $("tbody").append('<tr class="less" />');
  }else{
    $("tbody").append('<tr />');
  }        
  $("tbody tr").append('<td>'+number+'</td>');
});

$（文档）.ready（函数（）{
变量数=80；
如果（number正确追加，但由于没有任何包含文本的
td
，因此无法看到它，请使用开发人员工具，您将看到它。
$（）。就绪（函数（）{
$().ready(function() {
  var appendTr = function(threshold) {
    var tr = $('<tr/>').appendTo('tbody');
    if(threshold < 100) {
      tr.addClass('less');
    }
    $('<td/>').appendTo(tr).text('' + threshold);
    return tr;
  };
  var tr = appendTr(80);
})

var appendTr=函数（阈值）{
var tr=$（''）.appendTo（'tbody'）；
如果（阈值<100）{
tr.addClass（“较少”）；
}
$（''）.appendTo（tr）.text（''+阈值）；
返回tr；
};
var-tr=appendTr（80）；
})
您试图将结束标记附加到错误的元素。请尝试此方法

$(document).ready(function(){
  var number = 80;

  $("tbody").append('<tr><td>'+number+'</td></tr>');
   if(number<100){
       $("tbody").find('tr:last').addClass('less')
  }
});​

$（文档）.ready（函数（）{
变量数=80；
$（“tbody”）。追加（“”+数字+“”）；
如果（数字请尝试以下操作：

$(document).ready(function(){
    $('<tr><td/></tr>').attr('class', number<100 ? 'less' : '').appendTo('tbody');
});

$（文档）.ready（函数（）{
$（''）.attr（'class'，numberThis
。append（''）
添加整个
tr
元素，而不仅仅是一个HTML字符串。
$().ready(function() {
  var appendTr = function(threshold) {
    var tr = $('<tr/>').appendTo('tbody');
    if(threshold < 100) {
      tr.addClass('less');
    }
    $('<td/>').appendTo(tr).text('' + threshold);
    return tr;
  };
  var tr = appendTr(80);
})

$(document).ready(function(){
  var number = 80;

  $("tbody").append('<tr><td>'+number+'</td></tr>');
   if(number<100){
       $("tbody").find('tr:last').addClass('less')
  }
});​

$(document).ready(function(){
    $('<tr><td/></tr>').attr('class', number<100 ? 'less' : '').appendTo('tbody');
});