javascript - 将具有特定类的 li 元素移动到和 div 中

Question

我正在尝试在 jquery 中使用 .append 函数。 我有一个包含 li 元素的 div。他们有不同的类别，让我们说赔率和偶数。 我希望 li 的类“奇数”移动到另一个包含 li 的 div 中。 我怎样才能做到这一点？ 这是我的设置: 编辑。这是有效的标记，我只是没有全部放入。现在已为其他人修复。

<div id="col1">
    <ul>
    <li class="odd"></li>
    <li class="even"></li>
    <li class="odd"></li>
    <li class="even"></li></ul>
</div>
<div id="col2">
<ul>
<li></li>
</ul>
</div>

那么输出是:

<div id="col1">
    <li class="even"></li>
    <li class="even"></li>
    <li class="even"></li>
    <li class="even"></li>
</div>
<div id="col2">
    <li class="odd"></li>
    <li class="odd"></li>
    <li class="odd"></li>
    <li class="odd"></li>
</div>

Answer 1

如果你已经有 <div>您要将元素移动到其中的元素可以试试这个:

$("#col1 li").each(function(){
    var $li = $(this);
    if ($li.hasClass("odd")) $("#odd").append($li);
    if ($li.hasClass("even")) $("#even").append($li);
});

工作示例:

http://jsfiddle.net/hunter/jq8bW/