jQuerys追加行和列

时间:2015-05-17 17:36:39

标签: jquery

我正在尝试使用jQuery创建一个动态表。到目前为止,我有以下代码:

$(document).ready(function(){
    var i=0;
    while(i<10){
        $('table').append('<tr></tr>');
        $('tr').append('<td></td>');
        i++;
    };
});

它给了我一个相当奇怪的结果:我按预期得到一个表,但第一行有10列,第二行有9列,依此类推......

我对结果感到惊讶,我期待10行一列。

3 个答案:

答案 0 :(得分:3)

首先,您需要选择表并将其保存在变量

static void Main(string[] args) {
    var stuff = "junk{hi}junk{world}junk".ToObservable()
        .Scan("", (agg, c) => agg.EndsWith("}") ? c.ToString() : agg + c)
        .Where(s => s.EndsWith("}"))
        .Select(s => s.Substring(s.IndexOf('{')));
    foreach (var thing in stuff.ToEnumerable()) {
        Console.WriteLine(thing);
    }
}

在while循环中,您创建一个新的> wt.var(c(1,8,9),c(0.5,0.25,0.25)) [1] 22.7 > 0.5*(1-6)^2+0.25*(8-6)^2+0.25*(9-6)^2 [1] 15.75 > 0.5*(1-4.75)^2+0.25*(8-4.5)^2+0.25*(9-4.75)^2 [1] 14.60938 元素

var table = $('table');

将其附加到表格

tr

然后添加一个新的var tr = $('<tr></tr>'); 元素

table.append(tr);

答案 1 :(得分:2)

<?php
$db = new mysqli('host', 'username', 'password', 'db');
if($db->connect_errno > 0){
    die('Unable to connect to database [' . $db->connect_error . ']');
    // no reason to continue, no db connection
}

$statement="SELECT * from `bufferlines` WHERE `beloeb` >'-400' AND `tekst` LIKE 'Dankort-nota SuperB%'";
if(!$res=$db->query($statement)){
        printf("Error: %s\n", $db->error); //show MySQL error
        echo "<br />".$statement; // show the statement that caused that error
        exit("Error 4");//no reason to continue, show where in code
}

?>

这将选择整个文档中的每个exit("Error 4")(包括您在之前的迭代中添加的文档),并为每个文档添加$('tr').append('<td></td>'); 。最小的修复可能是同时插入两个:

<tr>

答案 2 :(得分:0)

您需要握住句柄以将元素附加到同一元素。

&#13;
&#13;
$(document).ready(function(){
var i=0;
var rowTemplate = '<tr></tr>';
var $table = $('table');
    while(i<10){
        var $row = $(rowTemplate);
        $row.appendTo($table);
        $row.append('<td> cell '+i+'</td>');
        i++;
    };
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table></table>
&#13;
&#13;
&#13;