Найти img src и добавить к href

Question

Я использую плагин jQuery Galleriffic с системой управления контентом.Мне нужно сгенерировать эскизы с помощью jQuery.

Мне нужно использовать jQuery, чтобы заглянуть внутрь div, найти все изображения, обернуть каждое изображение в <a> и <li>.Найдите img src и введите его в href <a>.

Так что каждое изображение в конце будет выглядеть так:

<li><a href="link to img src"><img src="image src" /></a></li>

Answer 1

Возможно что-то вроде этого:

$('img').each(function(){
    $(this).wrap('<li><a href="' + $(this).attr('src') + '"></a></li>');
});

Answer 2

См. рабочий демо http://jsfiddle.net/usmanhalalit/UYQqw/1/

$(function(){
    $('#imgs img').each(function(){
       $(this).wrap('<li><a href="'+$(this).attr('src')+'">','</a><li>')
    });
});

Вот демонстрационная разметка, которую я использовал

<img src="image src" />
<div id='imgs'>
    <img src="image src1" />
    <img src="image src2" />
    <img src="image src3" />
</div>

Как вы сказали, вам нужно заглянуть внутрь div, поэтому он сделает это только для img внутри #imgs div выше.

Answer 3

$('img').each(function(){
    var parent = $(this).parent();
    var a = $('<a>', {
         href: this.src
    });
    $(this).appendTo(a);
    var li = $('<li>');
    a.appendTo(li);

    li.appendTo(parent);
});

Скрипка: http://jsfiddle.net/maniator/bAuwT/1/