Pakeiskite img src su jquery

Html struktūra, kurią turiu, yra tokia:

 <ul id="something"> <li> <a href=""> <img src="http://domain.com/directory/file1-128x79.jpg"> </a> </li> <li> <a href=""> <img src="http://domain.com/directory/file2-128x79.jpg"> </a> </li> <li> <a href=""> <img src="http://domain.com/directory/file3-128x79.jpg"> </a> </li> </ul> 

Bandau pakeisti failo pavadinimą iš failo # -128x79.jpg į failą # -896x277.jpg .

Nežinau, kaip dinamiškai generuoti failo pavadinimą ir ieškoti src pakeitimų.

Radau būdą pakeisti visą src „ne“, kad įsitikintumėte, jog aš vis dar suprantu, bet aš nežinau, kaip tai padaryti.

 $('#something').removeAttr('id').prop('class', 'some-class').find('img').prop('src', 'none'); 
14
04 июля '11 в 10:18 2011-07-04 10:18 gavsiu nustatoma liepos 4 d . 11 val. 10:18 2011-07-04 10:18
@ 7 atsakymai

src galite pakeisti kiekvienu img , pirmiausia pasirinkdami visus atvaizdus su selektoriumi ir tada naudodami attr atgalinį atgalinį turinį:

 $('#something img').attr('src',function(i,e){ return e.replace("-128x79.jpg","-896x277.jpg"); }) 
17
04 июля '11 в 10:23 2011-07-04 10:23 atsakymą davė Niklas liepos 4 d. 11 d. 10:23 2011-07-04 10:23

pvz., galite priskirti savo vaizdo žymos ID

 <img id ="pic" src="http://domain.com/directory/file3-128x79.jpg"> 
border=0

tada jquery naudoti

 $('#pic').attr('src', 'file#-896x277.jpg'); 
6
04 июля '11 в 10:21 2011-07-04 10:21 atsakymą pateikė Muhammad Adeel Zahid, liepos 4 d., 11 d., 10:21, 2011-07-04 10:21

Demo

 $('img').hover(function(){ // or any other method this.src = this.src.replace("128x79", "200x60"); }); 
3
04 июля '11 в 10:36 2011-07-04 10:36 atsakymą pateikė Roko C. Buljan liepos 4 d. 11 d. 10:36 2011-07-04 10:36

Pastaba Išbandykite toliau pateiktą. Pelė skirta tik demonstravimo tikslams.

 $(function() { $("something li a img") .mouseover(function() { var src = "over.gif"; $(this).attr("src", src); // change the image source }) }); 
1
04 июля '11 в 10:22 2011-07-04 10:22 atsakymas pateikiamas Pranay Rana liepos 4 d., 11 val. 10:22 2011-07-04 10:22

Jūs turite pridėti .children() prieš .find('img') :

 $('#something').removeAttr('id').attr('class', 'some-class').children().find('img').attr('src', 'none'); 
1
04 июля '11 в 10:21 2011-07-04 10:21 atsakymas pateikiamas pltvs, liepos 4 d., 11 d., 10:21 am. 2011-07-04 10:21

Kaip apie attr :

 this.removeAttr('id').prop('class', 'featured-images').find('img').attr({'src':'file#-896x277.jpg'}); 
0
04 июля '11 в 10:22 2011-07-04 10:22 atsakymą Kamyar pateikė liepos 4 d. 11 d. 10:22 2011-07-04 10:22
 $('#something img').attr('src',$('#something img').attr('src').replace(x,y)) 
0
04 июля '11 в 10:26 2011-07-04 10:26 atsakymas duotas hungryMind liepos 4 d. 11 val. 10:26 2011-07-04 10:26

Kiti klausimai apie „ žymes „ arba „ Užduoti klausimą“