将新元素插入表格行

时间:2010-05-15 04:16:40

标签: javascript php jquery

我创建了一个用XHTML,JavaScript / JQuery和PHP编写的小应用程序。

PHP读取和写入一个小的SQLite数据库。

如何将<td>单元格插入预先编写脚本的表格中。需要使用我的数据库中的一些信息来配置单元格。例如,下面是两个单元格,其数据从我的数据库中检索到:

Cell One
开始:120px;
完成:180px;
背景:蓝色;

第二小组
开始:240px;
完成:300px;
背景:绿色;

在我的表格行上,宽度为500像素。如何将上面的单元格插入到行中。在此示例中,第一个单元格将在行中启动120px,宽度为180px。第二个单元格将在行中开始240px,宽度为300px。

我似乎无法找到一种方法,任何想法都会非常有用。

感谢您的任何意见,感谢所有人。 猎手。

3 个答案:

答案 0 :(得分:0)

请原谅我,如果这个答案太简单了,但听起来你只需要循环一个变量来存储需要插入到已经存在的表中的单元格。 然后,您可以动态生成需要编辑的任何标记的样式,例如style="<?= background-color:green; ?>"

我不确定你的开始和结束是什么意思。如果您尝试进行展示位置,那么它将会更加复杂,您需要在数据库中使用某种position元素来引用它们。但是如果你只是指高度和宽度,那么你也可以将这些元素添加到动态生成样式

答案 1 :(得分:0)

不完全确定你在问什么,但我会试一试。

var c1 = 'stuff, stuff stuff.' // Your data for cell1
  , c2 = 'more stuff.' // Data for cell2

$('table tr:first').append(
    // Ugly multiline string
    '<td width=120></td>
     <td width=60 style="background-color: blue">' + c + '</td>
     <td width=60></td>
     <td width=60 style="background-color: green">' + c2 + '</td>
     <td width=200></td>' // Filler
);

答案 2 :(得分:0)

构建表格时,请将html注释标记与参数放在一起,这样您就可以扫描预先创建的输出并插入您喜欢的位置和方式。

<table>
<!--|str1|2|60|100|--><tr>
<!--|str1td1|--><td width='60'>content row 1</td><!--|etr1td1|-->
<!--|str1td2|--><td width='100'>content row 2</td><!--|etr1td2|-->
</tr><!--|etr1|-->

<!--|str2|2|60|100|--><tr>
<!--|str2td1|--><td width='60'>content row 1</td><!--|etr2td1|-->
<!--|str2td2|--><td width='100'>content row 2</td><!--|etr2td2|-->
</tr><!--|etr2|-->
</table>

然后,如果你想回到你的输出并插入东西,只需strrpos(php)到你要编辑的tr并在注释标签之间收集,解析管道分隔的字段,你知道第一个是id标签,第二个是到目前为止可以添加多少td和接下来的两个来计算宽度。然后找到要插入的td结尾的标记。你的插入(包括新标签!)。然后返回并重新评论您刚刚阅读的tr信息,并包含新的行和信息。

完成所有操作并准备输出后,返回并删除输出中的注释标记内容。或者如果你是懒惰的话,请留下它,它只是html评论的东西,不会被看到,但在文字大小方面有点沉重。

听起来比这更复杂,难以解释,但你应该确切地知道我的意思,这个过程可以更精细或更简单地满足你的需求。

如果这接近你所需要的,那么希望这有助于或者更多地问我,如果没有,那么我很困,所以请原谅。