Заменить изображение текстом, используя jquery

Question

Заменить изображение текстом, используя jquery

0

Мой html-код выглядит так

<a class="wsl_connect_with_provider" title="Connect with Facebook" data-provider="Facebook">
<img src="/assets/img/facebook.png">
</a>
<a class="wsl_connect_with_provider" title="Connect with Twitter" data-provider="Twitter">
<img src="/assets/img/twitter.png">
</a>

Я хотел бы заменить img на title используя jquery.

<a class="wsl_connect_with_provider" title="Connect with Facebook" data-provider="Facebook">
    Connect with Facebook
    </a>
    <a class="wsl_connect_with_provider" title="Connect with Twitter" data-provider="Twitter">
    Connect with Twitter
    </a>

Может ли кто-нибудь сказать мне, как это сделать?

Giri 29 сен. 2013, в 03:16

Источник

Теги:

javascript

jquery

3 ответа

2

$.each($('img'), function(){
  $(this).replaceWith('<span>'+$(this).attr('title')+'</span>');
});

Bernhard 28 сен. 2013, в 22:58

0

Это не работает правильно. Спасибо за попытку, хотя.
Giri 29 сен. 2013, в 00:39
1

$.each($('img'), function(){ $(this).replaceWith('<span>'+$(this).closest('a').attr('title')+'</span>'); });
Omar 29 сен. 2013, в 00:44

1

$('.wsl_connect_with_provider img').each(function () {
    $(this).replaceWith(
        $(this.parentNode).attr('title')
    );
});

Joe Simmons 28 сен. 2013, в 22:33

Ещё вопросы

Это не работает правильно. Спасибо за попытку, хотя.
$.each($('img'), function(){ $(this).replaceWith('<span>'+$(this).closest('a').attr('title')+'</span>'); });

Sergio · Accepted Answer · 2013-09-28T22-27-00.000Z

1

Лучший ответ

Это должно работать:

$('a.wsl_connect_with_provider').each(function(){
  $(this).text($(this).prop('title'));
});

Демо здесь

Sergio 28 сен. 2013, в 22:27

0

Это работает как шарм .. спасибо
Giri 29 сен. 2013, в 00:38
0

@ Гири, рад, что смог помочь!
Sergio 29 сен. 2013, в 00:48
0

Это правильно и понятно, но не заменяет img текстом?
Omar 29 сен. 2013, в 00:49
0

@ Омар, ты видел демо? img является потомком a , поэтому .text() заменяет его.
Sergio 29 сен. 2013, в 00:49
0

Я только что сделал, тогда .text () считает IMG текст? Никогда не сталкивался с этим раньше, это приятно знать :)
Omar 29 сен. 2013, в 00:52
1

@Omar, $(this) внутри каждой () является элементом и .text () заменяет содержимое a $(this) с $(this).prop('title') .
Sergio 29 сен. 2013, в 00:54

Показать ещё 4 комментария