Question

我有一个学校的练习，我必须在第一个街区定位课程＆＃39; pullquote＆＃39;然后当循环第二次进行时，我需要将第二个块放在类＆＃39; pullquote＆＃39;右边，然后是最后一个块需要第三次定位到左边。

这是我已经拥有的：

$('span.pq').each(function ()
    {

        //Clone om het bij alle span pq te doen
        var quote = $(this).clone();
        quote.removeClass('pq');
        quote.addClass('pullquote');
        $(this).before(quote);

        $('.pullquote').css('float', 'left');

    }); // end each

但问题是他们现在所有的位置

Answer 1

使用:odd和:even伪选择器。

段

＆＃13;

$('div:odd').addClass('pullquote left');
$('div:even').addClass('pullquote right');

＆＃13;

.pullquote {
  border: 1px solid blue;
  width: 3em;
  height: 1em;
  }
.right {
  float: right;
  background: rgba(255,0,0,.5);
  }
.left {
  float: left;
  background: rgba(0,255,0,.5);
  }
.right:before { content: 'RIGHT'; }
.left:before { content: 'LEFT'; }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

＆＃13;

在jquery中切换3个div的位置

1 个答案:

段