Question

我写了一个click事件，并使用：

创建一个表

var table = $('<table></table>').addClass('foo');
                $.each($(this).get(0).attributes,function(i,attrib){
                    //var row = $('<tr></tr>').addClass('bar').text(attrib.name + ":" + attrib.value);
                    table.append('<tr><td>'+attrib.name+'</td><td>'+attrib.value+'</td></tr>');
                   // table.append(row);

                });
                $('#here_table').append(table);

结果如下：

name1：value1

name2：value2

但我想换成：

name1 name2

value1 value2

我该怎么办？

Answer 1

您可以为names和values创建两个单独的数组，稍后您可以使用这些数组为每个数组构建一个字符串：

var table = $('<table></table>').addClass('foo');
var names = [];
var values = [];
$.each($(this).get(0).attributes, function(i, attrib) {
    names.push(attrib.name);
    values.push(attrib.value);
});
var rowNames = $('<tr></tr>').addClass('bar').text(names.join(" "));
table.append(rowNames);
var rowValues = $('<tr></tr>').addClass('bar').text(values.join(" "));
table.append(rowValues);
$('#table').append(table);

Answer 2

您必须先收集名称和值，然后将它们放入表格的两行。遗憾的是，您无法轻松地按列

填充表格列

中的某些内容

var table = $('<table></table>').addClass('foo');
var names = [];
var values = [];
$.each($(this).get(0).attributes, function(i, attrib) {
   names.push(attrib.name);
   values.push(attrib.value);
}

// now populate two lines
var row1 = $('<tr/>');
$.each(names, function(i, name) {
   var td = $('<td/>');
   td.text(name);
   row1.append(td);
}
table.append(row1);

var row2 = $('<tr/>');
$.each(values, function(i, value) {
   var td = $('<td/>');
   td.text(value);
   row2.append(td);
}
table.append(row2);

关于更改列和行的jQuery

2 个答案: