Как заменить HTML-строку в JQuery

Question

Как заменить HTML-строку в JQuery

0

У меня есть нижний html-код:

<td colspan="2" class="logo_padding">
   <table cellpadding="0" cellspacing="0" width="80%">
       <tbody>
          <tr>
            <td>
                <a class="logo" href="mysite.com/"><img src="http://mysite/images_mysite/logo.gif" alt="" title="" border="0"></a>
            </td>
          </tr>                     
      </tbody>
   </table>

У меня нет контроля над html, поэтому мне нужно изменить img на jpg, чтобы проверить, как он выглядит:

поэтому я хочу заменить эту строку

   http://mysite/images_mysite/logo.gif with this : http://mysite/images_mysite/logo.jpg

user3120015 08 апр. 2014, в 11:33

Источник

1

И где ты застрял? Опубликуйте вашу попытку
A. Wolff 08 апр. 2014, в 08:40

Теги:

javascript

jquery

html

replace

4 ответа

2

Попробуйте использовать attribute ends with selector и функцию приемника .attr() для выполнения вашей задачи,

$('img[src$=".gif"]').attr('src',function(i,val){
  return val.substring(0,val.lastIndexOf('.')) + ".jpg";
});

DEMO

Rajaprabhu Aravindasamy 08 апр. 2014, в 07:16

0

Вы должны поймать изображение и изменить его свойство src

$(".logo_padding a.logo img").prop("src", "http://mysite/images_mysite/logo.jpg");

yossi 08 апр. 2014, в 07:21

0

Ты можешь сделать:

$('.logo img').each(function() {
    var src = $(this).attr("src");
    $(this).attr("src", src.replace(/\.gif$/i, ".jpg"));
});

Felix 08 апр. 2014, в 06:35

Ещё вопросы

И где ты застрял? Опубликуйте вашу попытку

jAndy · Accepted Answer · 2014-04-08T06-06-00.000Z

Без дополнительной информации:

$('a.logo img').attr('src', function(_, src ) {
    return src.replace(/\.gif$/, '.jpg');
});