Question

我一直在和Jquery一起玩，但是我在这一点上陷入困境并解决它，我有这个疑问。

我想将所有这些锚元素放在我想要创建的div中。

<td class="cont-mod-none-options" valign="top" align="right">
    <a href="test1">copy</a>
    <a href="test2">cut</a>
    <a href="test3">
        <img src="/images/edit.png" width="28" height="12" border="0">
    </a>
    <a href="test4">
        <img src="/images/pic.png" width="12" height="12" border="0">
    </a>
</td>

有没有办法创建一个div元素并将所有这些元素放在div中？像这样：

<td class="cont-mod-none-options" valign="top" align="right">
    <div>
         <a href="test1">copy</a>
         <a href="test2">cut</a>
         <a href="test3">
            <img src="/images/edit.png" width="28" height="12" border="0">
         </a>
         <a href="test4">
            <img src="/images/pic.png" width="12" height="12" border="0">
          </a>
    </div>
 </td>

那么，我有多少可能移动它？

Answer 1

var $a = $("td").children();
$("td").append($("<div />").append($a));

我不是100％肯定你对可能性的意思。有很多方法可以实现它。这只是一种快捷方式。

基本上，您创建一个选择器以指向您想要移动的内容，然后将其附加到您需要的位置。

摆弄你的例子：http://jsfiddle.net/kt4F2/

var $a = $("td").children();
$("td").append($("<div />").append($a));

备用：http://jsfiddle.net/w9GCh/

第二个使用$.wrapAll()

$("td").children().wrapAll("<div />");

我有多少种方法可以将元素A移动到元素B以及它们是什么

1 个答案: