Question

我有一个图像列表，在我的dom中具有相同的类名，如下所示：

<a href="#"><img class="vote" src="http://2.bp.blogspot.com/_XeuZ1yDnv4Q/TSUkAT6T1dI/AAAAAAAADR8/nPHP4JvVxy8/s1600/vote.jpg"></a>

<a href="#"><img class="vote" src="http://bgathinktank.files.wordpress.com/2011/01/vote-button.jpg"></a>

现在说给出一个js数组中的宽度列表

width = [100, 200]

我希望第一张图片的宽度为100，第二张图片的宽度为200。

如何使用jquery完成？

Answer 1

$('.vote')查找类别为“.vote”的所有元素。
.each()遍历所有图片。回调可以接收两个参数：当前索引和当前DOM元素。我们不需要后者，因为this也是回调中的当前DOMelement。
.width()设置匹配集中每个元素的宽度，此处为当前图片$(this)

以下是代码：

var width = [100, 200];
var $imgs = $('.vote');

$imgs.each(function(idx) {
    $(this).width(width[idx]);
});

<强> DEMO

Answer 2

$('.vote').each(function(index){$(this).width(width[index])});

Answer 3

$('img.vote').each(function(i) {
    $(this).attr('width', width[i]);
});

将css应用于jquery中的类列表

3 个答案: