0

不确定我是否正确地构建了问题，因为我不确定术语，对于 Web 开发来说是新手。我有一个页面，其中在单独的 div 中有四个图像，在父 div 内设置为带有单独链接的图像条。我想交换他们的位置，比如说通过 jquery 的每 2 分钟可能是随机的或循环的。

<div class="featurelisting-images">

     <div class="fl-list" id="fl1">
         <a href="/xyz.html" alt="xyz" title="xyz">
         <img src="/uploads/photo_1239.jpg"  title="xyz" alt="xyz" class=""/></a>                    
         <p class="title"><a href="/xyz.html" alt="xyz" title="xyz">xyz</a></p>
     </div>

     <div class="fl-list"    id="fl2">            
          <a href="/abc.html" alt="abc" title="abc">
          <img src="/uploads/photo_1357.jpg"  title="abc" alt="abc" class=""/></a>                    
          <p class="title"><a href="/abc.html" alt="abc" title="abc">abc</a></p>
     </div>

          // two more div elements like this...

</div>

我对 Jquery 的了解非常有限，正在寻找适合我的脚本。我尝试了谷歌它，但没有得到正确的解决方案，可能是因为此功能的搜索术语错误。尝试了一些东西，但没有任何效果。（参见小提琴）我正在尝试在 Jquery 中使用插入元素，而不是更改每个 div 元素的所有属性。

4

2 回答 2

0 
<script>
  function do(){  
     var divs =  $(".featurelisting-image").children();
     var first_href = divs[0].children[0].href;
     var first_src = divs[0].children[1].src;
     var first_second_href = divs[0].children[1].children[0].href;
     var first_inner = divs[0].children[1].children[0].innerHTML;
     for(var i = 1;i< divs.length;i++){
         divs[i-1].children[0].href = divs[i].children[0].href;
         divs[i-1].children[1].src = divs[i].children[1].src;
         divs[i-1].children[1].children[0].innerHTML = divs[i].children[1].children[0].innerHTML
     }
     divs[divs.length-1].children[0].href = first_href;
     divs[divs.length-1].children[1].src = first_.src;
     divs[divs.length-1].children[1].children[0].innerHTML = first_inner;

  }
</script>

您可以将此功能添加到计时器或按钮单击事件...我没有更改所有属性，但我想您明白了...

于 2012-07-29T11:49:06.310 回答
0

使用将所有项目放在一行中float:left

每两秒钟后，将第一个移到最后。

您可以在此处找到一个工作示例。

如果我错了或者你想要别的东西，请纠正我。

于 2012-07-29T12:28:28.710 回答