Jquery图像更改--遍历图像
Jquery图像更改--遍历图像
提问于 2012-06-26 23:51:03
如果我有一组想要集成的类，如下所示：
.g1 -> .g12
我该怎么做呢？
我有我想做的增量，我相信我写的很正确，但是我不知道如何将这个变量和.grain连接起来，所以每次点击我只能改变一个方块。
$("#grains").click(function(){
var x;
x++;
$(".grain").attr('src',"orangesq-01.png");
});下面是我制作的列表项目：
<ul id="grains">
<li><img src="blusq-01.png" class="grain" /></li>
<li><img src="blusq-01.png" class="grain1" /></li>
<li><img src="blusq-01.png" class="grain2" /></li>
<li><img src="blusq-01.png" class="grain3" /></li>
<li><img src="blusq-01.png" class="grain4" /></li>
<li><img src="blusq-01.png" class="grain5" /></li>
<li><img src="blusq-01.png" class="grain6" /></li>
<li><img src="blusq-01.png" class="grain7" /></li>
<li><img src="blusq-01.png" class="grain8" /></li>
<li><img src="blusq-01.png" class="grain9" /></li>
<li><img src="blusq-01.png" class="grain10" /></li>
<li><img src="blusq-01.png" class="grain11" /></li>
</ul>我想你知道我想做什么了。如果我能弄清楚这个连接的东西，那就太棒了。
回答 2
Stack Overflow用户
发布于 2012-06-26 23:54:59
您可以只附加索引，或者只使用.eq()调用(如果它们已经按顺序排列)。
var x = 0;
$("#grains").click(function(){
$(".grain" + (x === 0 ? '' : x)).attr('src',"orangesq-01.png");
//or
$(this).find('img').eq(x).attr('src',"orangesq-01.png");
x++;
});Stack Overflow用户
发布于 2012-06-27 00:17:10
另一种更动态的方法是结合使用自定义选择器和eq(0)来简单地选择第一个图像，如下所示：
$('#grains').click(function()
{
$('img[src="blusq-01.png"]', this).eq(0).attr('src', 'orangesq-01.png');
});希望你不介意安德鲁我更新了你的
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11211173
复制相关文章
相似问题
腾讯云开发者
