2

我想在加载图像时将图像添加到不同的类中。这是小提琴。 http://jsfiddle.net/simmi_simmi123/Kxfg7/2/

<img src="http://placehold.it/10x60" /><br />
<img src="http://placehold.it/20x50" /><br />
<img src="http://placehold.it/30x40" /><br />
<img src="http://placehold.it/40x30" /><br />
<img src="http://placehold.it/50x20" /><br />
<img src="http://placehold.it/60x10" /><br />


$(function(){
    $('img').addClass('brdr1');
});

在此我将所有图像添加到brdr1一个中，但我想添加 3 个图像brdr1并保留在brdr2

这个怎么做。提前致谢

4

4 回答 4

1

工作演示：http: //jsfiddle.net/mohammadAdil/Kxfg7/8/

$(function(){
   $('img:lt(3)').addClass('brdr1');
   $('img:gt(2)').addClass('brdr2');
});

http://api.jquery.com/gt-selector/

http://api.jquery.com/lt-selector/

于 2013-05-03T07:13:12.627 回答
1

添加类以指定要应用哪些图像哪个类

HTML

<img class="b1" src="http://placehold.it/10x60" /><br />
<img class="b1" src="http://placehold.it/20x50" /><br />
<img class="b1" src="http://placehold.it/30x40" /><br />
<img  class="b2" src="http://placehold.it/40x30" /><br />
<img  class="b2" src="http://placehold.it/50x20" /><br />
<img  class="b2" src="http://placehold.it/60x10" /><br />

CSS

.brdr{border:1px solid red}
.brdr11{border:1px solid blue}

jQuery

$(function(){
    $('.b1').addClass('brdr');
    $('.b2').addClass('brdr1');
});

工作演示http://jsfiddle.net/cse_tushar/Kxfg7/5/

于 2013-05-03T07:16:58.810 回答
0 
$('#theDiv').prepend('<img id="theImg" src="theImg.png" />')
于 2013-05-03T07:13:52.490 回答
0

然后为各个图像提供b1和b2onload() （类），只需在jquery中为各个图像添加适当的css类，就像这样

$(document).ready(function(){

  $('.b1').addClass('brdr1');
  $('.b2').addClass('brdr2');
});
于 2013-05-03T07:17:06.423 回答