Question

当我在js小提琴上面运行时，我如何将新行作为单独的行追加而不是将其附加到同一行

var dataSet = [
    [
        "1441.75",
        "34444444"],
    [
        "1614.45",
        "34444444"

    ],
    [
        "834.15",
        "233333"]

];

var array_names = ["APPLE", "WHIRLPOOL", "SAMSUNG"];

for (var key in dataSet) {
    if (dataSet.hasOwnProperty(key)) {
        dataSet[key].splice(0, 0, array_names[key]);
    }
}

$(function () {
    $('#allwl').dataTable({
        "iDisplayLength": -1,
            "data": dataSet,
            "columns": [{
            "title": "Name"
        }, {
            "title": "Price"
        }, {
            "title": "Quantity"
        }]
    });
});
$(document).ready(function(){
$('#allwl tr').each(function() {
    var abc = $(this).children('td').eq(2).html();
        if(abc > 40000) {
            $(this).children('td').eq(0).css('background-color', 'green');

            $("#greaterquan").append($(this).html());

        }

});
});

有人可以让我知道如何解决这个问题吗？

http://jsfiddle.net/5fbo72rm/17/

Answer 1

您可以使用以下行：

$("#greaterquan").append($("<tr/>").append($(this).html()));

而不是：

$("#greaterquan").append($(this).html());

原因是您只添加td个标签，忘记添加tr。

Answer 2

您要将tr elemnets的html内容附加到表中td，以便将它们添加到同一个tr ...而是附加html可以使用tr

获取的this.outerHTML

    if(abc > 40000) {
        $(this).children('td').eq(0).css('background-color', 'green');
        $("#greaterquan").append(this.outerHTML);
    }

演示：Fiddle

另一种选择是克隆tr之类的

$("#greaterquan").append($(this).clone());

演示：Fiddle

如何将新记录作为单独的行追加，而不是将其追加到同一行

2 个答案: