jquery appendTo()有div,奇怪的行为

时间:2012-07-16 22:08:07

标签: jquery appendto

我正在使用Jquery,制作包含多个div的表格单元格。 div包含一些数据和一个单选按钮。我的代码有效,但我想知道为什么我必须使用"中间人"变量。对我来说似乎很奇怪,非常令人沮丧,我很好奇为什么。也许我只是不能很好地理解这一点。这是我的代码

    // my radio button
    var rad_button = $('<input type="radio"...'
    // my object, div w some attributes, text
    var my_Object = $('<div class="selected...'
    rad_button.prependTo(my_Object);

    var middle_man = my_Object;
    middle_man.appendTo(bigger_object);

这是我能让这个工作的唯一方法。我尝试了更直接的方式:

    my_object.appendTo(bigger_object);

但是没有用。有谁能告诉我为什么这样做?

1 个答案:

答案 0 :(得分:0)

难道你不能只在你正在创建的表格单元格上将追加调用链接起来吗?

$('<td />')
  .append($('<input />', { 'type':'radio' }))
  .append($('<div />', { 'class':'selected' }));

应该输出HTML

<td>
  <input type="radio" />
  <div class="selected"></div>
</td>

没有中间人。