В основном я пытаюсь захватить SRC изображения, обернуть его в якорь, который затем использует SRC IMG, поскольку это HREF, я до сих пор получил следующий код, но я немного застрял в том, как чтобы закончить, есть идеи?

$('#detail img').wrap(function() {
return '<a href="" rel="one" class="fancybox" />';
  });

$('#detail img a').attr('src',$('#detail img').attr('src'));
0
Nick 31 Янв 2013 в 20:14

3 ответа

Лучший ответ
$('#detail img').wrap(function() {
    return '<a href="' + this.src + '" rel="one" class="fancybox" />';
});

Кстати, если вы можете изменить исходный HTML, лучше сделать это с помощью JS.

2
dfsq 31 Янв 2013 в 16:16
$('#detail img').wrap(function() {
    return '<a href="' + $(this).attr('src') + '" rel="one" class="fancybox" />';
});

Ваша вторая строка всегда будет использовать только first img a. Кроме того, img a в любом случае не является допустимым селектором, поскольку a не может быть дочерним по отношению к img.

0
Explosion Pills 31 Янв 2013 в 16:16

В .wrap() функции this ссылается на текущий элемент (определенный <img>), так что вы можете сделать это:

$('#detail img').wrap(function() {
    return '<a href="' + this.src + '" rel="one" class="fancybox" />';
});
0
Anthony Grist 31 Янв 2013 в 16:16