Как установить src изображения с помощью href из родительского якоря?

Question

Как установить src изображения с помощью href из родительского якоря?

0

У меня есть следующая ссылка, которая должна показывать изображение в ссылке при загрузке javascript:

<a href="http://upload.wikimedia.org/wikipedia/commons/a/ae/Mad_scientist.svg" id="a">
 <img alt="no image">
</a>

Предполагается, что javascript получит свойство href ссылки и включит его при написании html для изображения.

$('#a').html('<img src="' + $(this).attr('href') + '">image');

Так или иначе, $(this).attr('href') возвращает undefined. Что не так с этим?

JsFiddle

Question Overflow 22 сен. 2013, в 10:36

Источник

Теги:

jquery

image

href

this

src

2 ответа

1

var obj= $("#a");
obj.html('<img src="' + obj.attr('href') + '">image');

Manish Goyal 22 сен. 2013, в 06:56

0

Может кто-нибудь объяснить, почему это должно быть сделано таким образом?
Question Overflow 22 сен. 2013, в 08:10
0

потому что здесь ничего не написано.
Manish Goyal 22 сен. 2013, в 08:12

Ещё вопросы

Может кто-нибудь объяснить, почему это должно быть сделано таким образом?
потому что здесь ничего не написано.

Tushar Gupta · Accepted Answer · 2013-09-22T06-53-00.000Z

DEMO

$('#a').html(function () {
   return  '<img src="' + $(this).attr('href') + '">image'
});

Функция, возвращающая содержимое HTML для установки. Получает индексную позицию элемента в наборе и старое значение HTML в качестве аргументов. jQuery освобождает элемент перед вызовом функции; используйте аргумент oldhtml для ссылки на предыдущий контент. Внутри функции это относится к текущему элементу в наборе.

Refrence

http://api.jquery.com/html/#html-functionindex--oldhtml

http://learn.jquery.com/javascript-101/this-keyword/

В вашем коде

$('#a').html('<img src="' + $(this).attr('href') + '">image');

$(this) не определен в вашем коде.

например.

$('#a').html(function () {
       return  '<img src="' + $(this).attr('href') + '">image'
});

В приведенном выше коде this относится к текущему элементу, т.е. к элементу с id="a"

Может кто-нибудь объяснить, почему это должно быть сделано таким образом?
@QuestionOverflow да, конечно, обновление ответа в мин.
Ах ... Я вижу, в функции .html() написано, что this относится к текущему элементу в наборе. Спасибо!