Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery动态元素,如TR和TD,添加到HTML表中_Javascript_Jquery_Html - Fatal编程技术网

Javascript JQuery动态元素,如TR和TD,添加到HTML表中

Javascript JQuery动态元素,如TR和TD,添加到HTML表中,javascript,jquery,html,Javascript,Jquery,Html,是否可以在HTML表中创建动态TR和TD元素?类似但比这更好的东西: jQuery(document).ready(function() { $('button[name="new-title"]').on('click', function(){ var table = $('table[name="errortitle"]'); var tr = $('<tr />'); var td = $('<td />'); var inpu

是否可以在HTML表中创建动态TR和TD元素?类似但比这更好的东西:

jQuery(document).ready(function() {
  $('button[name="new-title"]').on('click', function(){
    var table = $('table[name="errortitle"]');
    var tr = $('<tr />');
    var td = $('<td />');
    var input = $('<input />').attr({'class' : 'form-control'})
    var button = $('<button />').attr({'class' : 'btn'});
    var checkbox = input.clone().attr({'type' : 'checkbox', 'name' : 'check'});

    var tdId = td.clone().html('-');
    var tdTitle = td.clone().append(input.addClass('formInput').attr({'type': 'text'}));
    var tdCheckBox = td.clone().append(checkbox);
    var tdAction = td.clone().html(button.addClass('btn-danger').html('Usuń'));

    tr.append(tdCheckBox);
    tr.append(tdId);
    tr.append(tdTitle);
    tr.append(tdAction);

    table.append(tr);
  });
});
jQuery(文档).ready(函数(){
$('button[name=“newtitle”]”)。在('click',function()上{
var table=$('table[name=“errortitle”]”);
var tr=$('');
var td=$('');
变量输入=$('').attr({'class':'form control'})
var按钮=$('').attr({'class':'btn'});
var checkbox=input.clone().attr({'type':'checkbox','name':'check'});
var tdId=td.clone().html('-');
var tdTitle=td.clone().append(input.addClass('formInput').attr({'type':'text'}));
var tdCheckBox=td.clone().append(复选框);
var tdAction=td.clone().html(button.addClass('btn-danger').html('Usuń'));
tr.append(tdCheckBox);
tr.append(tdId);
tr.append(tdTitle);
tr.append(tdAction);
表3.追加(tr);
});
});

是否有可能使此代码更友好或更高效?

您可以使用以下内容:

var input = $('<input />').attr({'class' : 'form-control'})
var button = $('<button />').attr({'class' : 'btn'});
var checkbox = input.clone().attr({'type' : 'checkbox', 'name' : 'check'});


$("#tid").find('tbody').append($('<tr>').append($('<td>').append(input)).append($('<td>').append(button)).append($('<td>').append(checkbox)));
var input=$('').attr({'class':'form control'})
var按钮=$('').attr({'class':'btn'});
var checkbox=input.clone().attr({'type':'checkbox','name':'check'});
$(“#tid”).find('tbody').append($('').append($('').append(input)).append($('').append(按钮)).append($('').append(复选框));

可能重复的“是否可以使用更好的代码?”?或者更有效?’-可能是一个问题?我问了一些专业的例子来做这个代码。人们如何编写这个简单的代码。OGeez-好的,我提出一个问题,