jquery - 将 div 和 inside 标签

Question

这是动态代码，我有设计问题

<td id="test" class="test1"></td>
<div id="WidgetButton" class="right">test</div> // that part of code making dyamic


  there is any way put that <div> has id WidgetButton and inside <td></td>

像那样

<td id="test" class="test1">
<div id="WidgetButton" class="right">test</div>
</td>

请建议我如何使用 jquery

谢谢

Answer 1

由于它们都有ids，因此这是jQuery函数（通常别名为$）和的微不足道的应用appendTo。

$("#WidgetButton").appendTo("#test");

他们也都有ids 也很好，因为否则会很棘手，因为标记是无效的，所以浏览器会将 重新定位div到他们猜测应该去的地方，所以使用结构选择器和相对遍历会很困难。值得庆幸的id是，价值观胜过这一点。

Answer 2

更新：

因为您只想为 id 的 div 执行此操作WidgetButton。就是这样

 $("#WidgetButton").appendTo("#test");

---

如果您将所有内容都删除divs并放入 atd中，则可能会很危险。但你可以这样做

$("div").each(function() {
    $(this).appendTo("#test");
});

---

但是，我强烈建议您将选择范围缩小到特定的 div 组，例如使用类名或 id。

班级名称

$(".divswithclassname").each(function() {
    $(this).appendTo("#test");
});

特定身份

$("#idofdiv")..appendTo("#test");