【问题标题】:How to clone -> reverse -> and prependTo?如何克隆-> 反向-> 和 prependTo?
【发布时间】:2012-01-10 05:00:18
【问题描述】:

我有一个元素列表,例如:.title,我将它们克隆出来并将它们附加到容器中,但顺序与 prependTo` 相反。

如何将这些克隆的元素放入数组并在添加它们之前将其反转?

例如,对于每个.title,克隆它,prependTo.container,并用li包装它:

$('.title').each(function() {
     $this.clone()
          .prependTo('.container')
          .wrap('<li></li>')
});

【问题讨论】:

  • 您要排序什么?元素索引?元素内的文字?什么?

标签: javascript jquery clone reverse


【解决方案1】:

鉴于此 html:

<ul>
    <li class="title">A</li>
    <li class="title">B</li>
    <li class="title">C</li>
    <li class="title">D</li>
    <li class="title">E</li>
</ul>

<ul class="container">        
</ul>

使用这个 jQuery 将它们添加到 .container 元素:

$('.title').each(function() {
    $('.container')
        .append($(this).clone());
});

如果您想颠倒顺序,请使用.prepend 而不是.append

如果您想了解它的实际效果,请查看http://jsfiddle.net/y8Aub/

【讨论】:

  • 是的,我很愚蠢,应该使用 AppendTo 而不是 prependTo 大声笑
  • 不,我也做过类似的事情!有时你太专注于一个问题,以至于看不到摆在你面前的答案;p
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-09-18
  • 1970-01-01
  • 2011-02-08
  • 1970-01-01
  • 2013-06-28
  • 2017-09-17
  • 2023-04-03
相关资源
最近更新 更多