将div添加到表列

时间:2014-04-18 13:43:07

标签: javascript jquery html

是否可以使用jquery将div元素添加到表格单元格/ td? 在我的HTML代码中,我有一个名为s的div(仅用于测试):

<div id="s">12</div>

在我的$(document).ready(function(){函数II中添加了以下$("#sale_graph1").html('<div id="s"></div>');,其中sale_graph1<td>/cell我要添加<div> - 元素的ID 。如果我写$(“#sale_graph1”)。text,则单元格会填充文本 所以我知道这是我正在进行的正确的细胞。但是当试图添加div内容时,单元格中没有任何内容。

感谢您的帮助!

5 个答案:

答案 0 :(得分:2)

这工作得很好。见这里:http://jsfiddle.net/va5gr/

$('#sale_graph1').html("<div id='s'>12</div>");

(我已经添加了css以使其更加明显)

如果您想使用现有div#s的内容,则可以执行此操作:

$('#sale_graph1').html($('div#s').html());

答案 1 :(得分:2)

试试这段代码:

$("#sale_graph1").append($('#s'));

并确保您只有一个名为 sale_graph1

的元素

答案 2 :(得分:1)

这就是你想要的:

 $("#sale_graph1").html($('#s').html());

答案 3 :(得分:1)

这一行之后:

  

$( “#sale_graph1”)HTML( '');

您可以在div中添加内容:

  

$(“#sale_graph1 #s”)。text('12'); //添加文字

  

$(“#sale_graph1 #s”)。html('12'); //添加带有html内容的文本

答案 4 :(得分:0)

看来代码是对的吗?但我想在某些地方可能会出现一些错误。

您可以按照以下方式检查: 1.检查你是否有正确的dom

console.log($('#sale_graph1').length);

确保您可以在调试器工具的控制台中获得“1”

  1. 如果您通过第一步,那么您可以

    $("#sale_graph1").html('<div id="s">some text</div>'); 确保在div#s

  2. 中添加一些文字
  3. 然后如果它不起作用,你可以说四个字;