Jquery 为什么结果中没有附加'td'?

Jquery 为什么结果中没有附加'td'?,jquery,Jquery,var sritems=[]; 推送({ “开始”:“A”, “正文”:“公路和重型结构承包商:主要从事公路、街道和道路、空气带铺设、地下施工、挖掘、海上施工和/或其他项目施工的承包商,建筑除外”, },{ “开始”:“B”, “正文”:“重型建筑承包商:主要从事重型结构施工和房地产开发规划的承包商(不包括房屋承包商)。”, },{ “开始”:“C”, “正文”:“上述两项的承包商:主要致力于公路、重型结构和建筑物施工的承包商。”, },{ “开始”:“D”, “text”:“单户和多户型住宅的

var sritems=[];
推送({
“开始”:“A”,
“正文”:“公路和重型结构承包商:主要从事公路、街道和道路、空气带铺设、地下施工、挖掘、海上施工和/或其他项目施工的承包商,建筑除外”,
},{
“开始”:“B”,
“正文”:“重型建筑承包商:主要从事重型结构施工和房地产开发规划的承包商(不包括房屋承包商)。”,
},{
“开始”:“C”,
“正文”:“上述两项的承包商:主要致力于公路、重型结构和建筑物施工的承包商。”,
},{
“开始”:“D”,
“text”:“单户和多户型住宅的承包商”,
},{
“开始”:“E”,
“文本”:“石油、卫生和管道承包商”,
},{
“开始”:“F”,
“正文”:“上述以外的承包商或建筑商:木工、砌体、管道、屋顶、供暖和空调、电力、油漆等”,
},{
“开始”:“G”,
“正文”:“建筑和建筑材料生产商:骨料生产商:砂、砾石、岩石、石灰、水泥、混凝土搅拌机、混凝土沥青。”,
},{
“开始”:“H”,
“文本”:“挖掘”,
},{
“开始”:“我”,
“文本”:“政府、国家、州和市”,
},{
“开始”:“J”,
“正文”:“施工设备和供应品制造商”,
},{
“开始”:“K”,
“正文”:“建筑设备、材料和供应品的经销商,包括销售和租赁。”,
},{
“开始”:“L”,
“正文”:“建筑设备和供应品进口商”,
},{
“开始”:“M”,
“文本”:“咨询工程”,
},{
“开始”:“N”,
“文本”:“建筑师”,
},{
“开始”:“O”,
“文本”:“行业协会,包括建筑商会、图书馆、俱乐部。”,
},{
“开始”:“P”,
“文本”:“其他(请说明)。”,
}
);

对于(i=0;i < p> >将代码< TD < /代码>定义为单独的<代码>变量< /代码>。当您在同一行上有2个代码>附录< /代码>时,它将考虑最后的<代码>附录< /代码>,这就是在您的情况下发生的事情,即将整个集合添加到<代码> TR < /代码>,而没有<代码> TD < /代码>附加到<代码> DOM<代码>。因此存储<代码> TD/在另一个
var
中,并每次附加到该
td
中。最后,将
td
附加到
tr
tr
附加到
表中

更新部分

function addCheckbox(start, text, id) {
  var container = $('#cblist');
  var tr = $("<tr />");
  var td = $("<td/>"); //create a td

  $('<label />', {
    'for': 'cb' + id,
    text: start
  }).appendTo(td); //append to td each time new element is constructed
  $('<input />', {
    type: 'radio',
    id: 'cb' + id,
    name: 'crm',
    value: start
  }).appendTo(td);
  $('<label />', {
    'for': 'cb' + id,
    text: text
  }).appendTo(td)
  td.appendTo(tr); //append td to tr here
  tr.appendTo(container);
}


< /代码> 再次定义“代码> TD/<代码>作为单独的<代码>变量< /代码>。当您在同一行上有2个代码>附录< /代码>时,它将考虑最后的<代码>附录< /代码>,这就是在您的情况下发生的事情,即将整个集合添加到<代码> TR < /代码>,而没有<代码> TD 附加到<代码> DOM< /代码>。因此存储<代码> TD/<代码>在另一个
var
中,并每次附加到该
td
中。最后,将
td
附加到
tr
tr
附加到
表中

更新部分

function addCheckbox(start, text, id) {
  var container = $('#cblist');
  var tr = $("<tr />");
  var td = $("<td/>"); //create a td

  $('<label />', {
    'for': 'cb' + id,
    text: start
  }).appendTo(td); //append to td each time new element is constructed
  $('<input />', {
    type: 'radio',
    id: 'cb' + id,
    name: 'crm',
    value: start
  }).appendTo(td);
  $('<label />', {
    'for': 'cb' + id,
    text: text
  }).appendTo(td)
  td.appendTo(tr); //append td to tr here
  tr.appendTo(container);
}

脚本中没有可用的
。 你必须在考试结束后申报
var tr=$(“”)
初始化;因此只有您可以在其中使用appendTo。

脚本中没有可用的
。 你必须在考试结束后申报
var tr=$(“”)
初始化;因此只有您可以在其中使用appendTo。

您好,请参阅此链接

var-container=$('#cblist');
var tr=$(“”);
var td=$(“”);
变量td2=$(“”);
变量td3=$(“”);
$(“”,{for':'cb'+id,text:start});
$('',{type:'radio',id:'cb'+id,name:'crm',value:start});
$('',{'代表':'cb'+id,text:text}).appendTo(td3)
td.附录(tr);
td2.附录(tr);
td3.附录(tr);
tr.appendTo(容器);
您好,请参阅此链接

var-container=$('#cblist');
var tr=$(“”);
var td=$(“”);
变量td2=$(“”);
变量td3=$(“”);
$(“”,{for':'cb'+id,text:start});
$('',{type:'radio',id:'cb'+id,name:'crm',value:start});
$('',{'代表':'cb'+id,text:text}).appendTo(td3)
td.附录(tr);
td2.附录(tr);
td3.附录(tr);
tr.appendTo(容器);

目前,我已使用
append
之前的
appendTo
解决了这个问题

如果有人有更好的解决方案,请分享

function addCheckbox(start, text, id) {
    var container = $('#cblist');
    var tr = $("<tr />");
    $('<td />').append($('<label />', { 'for': 'cb'+id, text: start})).appendTo(tr);
    $('<td />').append($('<input />', { type: 'radio', id: 'cb'+id, name:'crm', value: start})).appendTo(tr);
    $('<td />').append($('<label />', { 'for': 'cb'+id, text: text})).appendTo(tr);
    tr.appendTo(container);
}
function addCheckbox(开始、文本、id){
变量容器=$(“#cblist”);
var tr=$(“”);
$('').append($('',{'for':'cb'+id,text:start})).appendTo(tr);
$('').append($('',{type:'radio',id:'cb'+id,name:'crm',value:start})).appendTo(tr);
$('').append($('',{'for':'cb'+id,text:text})).appendTo(tr);
tr.appendTo(容器);
}

目前,我已使用
append
之前的
appendTo
解决了这个问题

如果有人有更好的解决方案,请分享

function addCheckbox(start, text, id) {
    var container = $('#cblist');
    var tr = $("<tr />");
    $('<td />').append($('<label />', { 'for': 'cb'+id, text: start})).appendTo(tr);
    $('<td />').append($('<input />', { type: 'radio', id: 'cb'+id, name:'crm', value: start})).appendTo(tr);
    $('<td />').append($('<label />', { 'for': 'cb'+id, text: text})).appendTo(tr);
    tr.appendTo(container);
}
function addCheckbox(开始、文本、id){
变量容器=$(“#cblist”);
var tr=$(“”);
$('').append($('',{'for':'cb'+id,text:start})).appendTo(tr);
$('').append($('',{type:'radio',id:'cb'+id,name:'crm',value:start})).appendTo(tr);
$('').append($('',{'for':'cb'+id,text:text})).appendTo(tr);
tr.appendTo(容器);
}

谢谢Guruprasad。您的代码运行良好,但我希望一行内有3个td。例如,一个用于
a
,第二个用于
单选按钮
,第三个用于
text
Happy coding buddy.:)谢谢Guruprasad。您的代码运行良好