jquery - 带有div的jquery appendTo（），奇怪的行为

Question

我正在使用 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);

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

Answer 1

您不能将您的附加调用链接到您正在创建的表格单元格上吗？

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

应该输出 HTML

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

没有中间人。