Question

我需要重新排列RSS的div顺序。每个项目有3个div。我需要使用“itemTitle”类在div之前使用类“itemDate”移动div（请参阅下面的标记）。我应该使用函数.each（）;是否有一个jQuery开箱即用的解决方案或我需要编写自己的功能？

<div id="RSS">
    <div class="col-md-3 item">
        <div class="itemTitle"></div>
        <div class="itemDate"></div>
        <div class="itemContent"></div>
    </div>

    <div class="col-md-3 item">
        <div class="itemTitle"></div>
        <div class="itemDate"></div>
        <div class="itemContent"></div>
    </div>

    <div class="col-md-3 item">
        <div class="itemTitle"></div>
        <div class="itemDate"></div>
        <div class="itemContent"></div>
    </div>
</div>

Answer 1

jQuery中有一个名为prependTo的函数，它将元素移动到给定目标的开头。看看下面的例子。

$('.itemDate').each(function(){
    $(this).prependTo($(this).parent());
});

此代码只是将每个itemDate移动到每个相应父级的开头。

使用jQuery重新排列RSS中div的顺序

1 个答案: