Скопируйте и манипулируйте ALT на изображении - PullRequest
Новая
       38

Скопируйте и манипулируйте ALT на изображении

1 голос
/ 11 марта 2010

Я новый посетитель, и относительно новый в jQuery.

У меня есть изображение с текстом ALT, которое я хотел бы показать в SPAN, под изображением, и манипулировать им, чтобы заменить "-" на B- и I-теги ...

Текущий HTML: 

<span class="alignright">
    <img src="sys/billeder/medarbejdere/tommy_stor.jpg" width="162" height="219" title="Name - Age" />
    <span></span>
</span>

Требуемый вывод 

<span class="alignright">
    <img src="sys/billeder/medarbejdere/tommy_stor.jpg" width="162" height="219" title="Name - Age" />
    <span><b>Name</b> <i>Age</i></span>
</span>

Я использовал этот jQuery для извлечения ALT и поместил его в SPAN: 

var alt = $("#hoejre p span img").attr("alt");
$("#hoejre p span span").text(alt);

Извлечение работает как талисман, но мне нужен SPAN: 

...to start with "<b>"
...to replace the "-" with "</b> <i>"
...and end with "</i>"

Ответы [ 3 ]

1 голос
/ 11 марта 2010

Не уверен, правильно ли я понял, но как насчет изменения вашей последней строки на: 

$("#hoejre p span span").html("<b>" + alt.replace("-", "</b> <i>") + "</i>");
0 голосов
/ 11 марта 2010 
var alt = $("#hoejre p span img").attr("alt");
$("#hoejre p span span").html("<b>"+alt.replace("-", "</b><i>")+"</i>");
0 голосов
/ 11 марта 2010

Что по этому поводу: 

$("#hoejre p span span").html('<b>'+alt.replace('-', '</b> <i>')+'</i>');

replace это просто обычный JavaScript, html() метод JQuery ( задокументировано здесь ).

...