小编its*_*sMe的帖子

我有3个具有相同类的div,我在点击时将"选择"类添加到NEXT DIV并从之前的类中删除它,它工作正常但我想循环它

目前它从1 - > 2 - > 3,我希望它循环,3 - > 1,请帮助...

HTML

<div id="all">
<div class="section selected">ONE</div>
<div class="section">TWO</div>
<div class="section">THREE</div>
</div>
<br />
<a href="javascript:;" id="button">CLICK</a>

CSS

.selected{background:red}

JS

$('#button').click(function(){
    $('.section.selected').removeClass('selected').next('.section').addClass('selected'); 
});

JS Fiddle Link:http://jsfiddle.net/madhuri2987/KK66g/2/

我有一个大图像和小拇指,我试图互相交换他们的src.这里我在bottleWrapper img中更改拇指img,但我想交换他们的src.请帮忙!

HTML

<div class="bottlesWrapper">
  <img src="bottle1.png" />
</div>

<div class="thumbs">
   <img src="bottle2.png" />
</div>

脚本

<script>
$('.thumbs a').each(function() {
    $(this).click(function() {
       var aimg = $(this).find("img")

      $('.bottlesWrapper img').fadeOut('fast',function(){
         $(this).attr('src', $(aimg).attr('src')).fadeIn('fast');
      });

    });
});
</script>

编辑

谢谢大家:)

我实际上忘了给出一个我有各种拇指的信息,这个答案最适合!谢谢大家的宝贵意见!

$('.thumbs img').click(function() {
    var thmb = this;
    var src = this.src;
    $('.bottlesWrapper img').fadeOut(400,function(){
        thmb.src = this.src;
        $(this).fadeIn(400)[0].src = src;
    });
});

我试图改变话语.我想用各自的字母表来首先洗牌.目前它正在使用第二个字母进行洗牌.

我想拆分单词并随机播放"sFtir Seocdn".

String.prototype.shuffle = function () {
    var a = this.split(""),
        n = a.length;

    for (var i = n - 1; i > 0; i--) {
        var j = Math.floor(Math.random() * (i + 1));
        var tmp = a[i];
        a[i] = a[j];
        a[j] = tmp;
    }
    return a.join("");
}


alert("First Second".shuffle());

我尝试通过下面的代码进行拆分,但之后它只拆分和洗牌而不是字母.

var a = this.split(" "),
return a.join(" ");

Jsfiddle链接:http://jsfiddle.net/9L8rs/1/ 请建议我该怎么做.

我有60张图片,但我想从1到60随机显示20张.

我的代码是这样的,它显示60

<?php
  for( $i = 1; $i < 61; $i++ ) 
    { 
       print '<a href="javascript:;"><img src="images/items/' . $i . '.png"  class="allitems item' . $i . '" /></a>'; 
    }    
?>

我发现PHP函数RAND(),但无法实现,任何帮助将不胜感激.

我试图在购物车页面中应用优惠券(10%)后显示优惠券说明.

显示总计我使用$ woocommerce-> cart-> cart_contents_total

如何显示优惠券说明？

我在一个页面上有 2 个滑块，我想同步它们。我找到了一种在点击外部控件时同步的解决方案，但如何在左右滑动时触发？

http://jsfiddle.net/vgJ9X/1/

<!-- slider 1 -->
<ul class="bxslider">
    <li>Slide 1</li>
    <li>Slide 2</li>
    <li>Slide 3</li>
</ul>

<!-- slider 2 -->    
<ul class="bxslider">
    <li>Slide 4</li>
    <li>Slide 5</li>
    <li>Slide 6</li>
</ul>

<!-- custom controls -->
<div class="bxslider-controls">
  <a class="pull-left" href="#">PREV</a>
  <a class="pull-right" href="#">NEXT</a>
</div>

JS

var slider_array = new Array();

$(document).ready(function ($) {

// launch bxslider
$('.bxslider').each(function (i) {
    slider_array[i] = $(this).bxSlider({
        controls: false
    });
});


// bind controls on custom controls, and run functions on every slider
$('.bxslider-controls a').bind('click', function …