Создать img в определенном месте

Я пытаюсь получить href из тега, создать img и использовать href как src. Другой человек на этом сайте помог с этой частью src=href, но у меня возникли трудности с созданием img с этим src и добавлением его в определенное место. Это определенно какая-то синтаксическая ошибка, которую я не могу понять.

Если я использую фактическую ссылку для src, это работает.

$("#Results a").live('dblclick', function(event){
    if (event.type === 'dblclick') {
        var src = $(this).attr("href");
        $("#Target_Location").append('<img src=" " />').attr("src", src).addClass('DCT_Card');
    }
});

Что происходит, так это то, что #Target_Location получает класс, и img не создается.


jquery append attr
person C_K    schedule 12.04.2011    source источник

Ответы (2)


arrow_upward
8
arrow_downward 

$('<img />', { 'src': src, 'class': 'DCT_Card' }).appendTo('#Target_Location');

jsFiddle.

Что, если мне нужно обернуть img в div со своим собственным class... после элемента #Target_Location?

Попробуй это...

$('<img />', { 'src': src, 'class': 'DCT_Card' })
 .wrap('<div class="something" />')
 .parent()     
 .insertAfter('#Target_Location');

jsFiddle.

person alex    schedule 12.04.2011
comment
что, если мне нужно обернуть img в div с его собственным классом? - person C_K; 12.04.2011
comment
@ Джейсон Ты мог бы img.wrap('<div class="hello" />'). - person alex; 12.04.2011
comment
@alex, как мне совместить это с приведенным выше кодом? Кроме того, когда я сказал добавить, я имел в виду после элемента #Target_Location, а не для вставки. - person C_K; 12.04.2011
comment
@Jason Вы можете вставить его после, изменив appendTo на insertAfter. Что касается объединения всего этого, см. Обновление. - person alex; 12.04.2011
comment
@alex размещение и создание img идеальны, но div не создается: $('‹img /›', {'src': src,'class': 'DCT_Card Borders'}).wrap(' ‹div class=Card_Packet /›').insertAfter($('.SH_P').parent()); - person C_K; 12.04.2011
comment
@ Джейсон У тебя insertAfter() и parent() неправильно. Обратитесь к коду в ответе. - person alex; 12.04.2011
comment
@Алекс ; спасибо, я получил это сейчас. Раньше мне нужен был родитель и родитель целевого класса. У меня есть функция клонирования live dbl click, которая не работает с этими недавно сгенерированными изображениями. С точки зрения HTML, эти новые ребята идентичны старым, которые действительно работают. Способ «обновить» функцию клонирования? Должен ли я создать новую тему для этого? - person C_K; 13.04.2011
comment
@ Джейсон Тебе, наверное, стоит :) - person alex; 14.04.2011

arrow_upward
0
arrow_downward

Попробуйте этот код:

$('<img/>').attr('src', src).addClass('DCT_Card').appendTo('#Target_Location');
person Khez    schedule 12.04.2011
comment
Это добавит #Target_Location к этому элементу img. jsFiddle. - person alex; 12.04.2011
comment
Нет... Не будет. ›.‹ Проверьте jsfiddle @alex. - person Khez; 12.04.2011
comment
Я считаю, что этот HTML говорит об обратном... <img src="http://www.example.com/img.png" class="DCT_Card">#Target_Location</img> - person alex; 12.04.2011