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');
});

これで私はすべての画像をbrdr11つに追加していますが、3つの画像を追加しbrdr1て残りたいですbrdr2

これを行う方法。前もって感謝します

4

4 に答える 4

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

それぞれの画像にb1とb2 （クラス）を与えてから、このonload()ようにjqueryでこのようにそれぞれの画像に適切なcssクラスを追加するだけです

$(document).ready(function(){

  $('.b1').addClass('brdr1');
  $('.b2').addClass('brdr2');
});
于 2013-05-03T07:17:06.423 に答える
0 
$('#theDiv').prepend('<img id="theImg" src="theImg.png" />')
于 2013-05-03T07:13:52.490 に答える