Wrap <a> - tags um <img /> mit href = img-src?

Versuchen, wickeln einen tag um ein Bild, addClass und input src der img als href-tag:

 $(document).ready(function() {
$(".new img").each(function() {
    var src = $(this).attr('src').addClass('image');
    var a = $('<a/>').attr('href', src);
    $(this).wrap(a);
});
});

Mein HTML:

<img class="new" src="pic0.png" title="Image_Title"/>

Kann nicht scheinen, um diese zu arbeiten. Anregungen wäre hilfreich!!!

InformationsquelleAutor Macsupport | 2010-10-31
  1. 10

    Zwei Dinge. Erstens, Sie haben Ihre rückwärts-Selektor-es sollte img.new. Zweitens attr gibt einen string zurück, nicht von jQuery, so dass Sie können nicht chain es. Machen Sie Folgendes und es sollte funktionieren:

    $(document).ready(function() {
    $("img.new").each(function() {
        var $this = $(this);
        var src = $this.attr('src');
        $this.addClass('image');
        var a = $('<a/>').attr('href', src);
        $this.wrap(a);
    });
});
    • Wenn ich diese mit ein .klicken Sie auf(Funktion(), ich denke, ich sollte hinzufügen, legen Sie Sie in irgendeiner Weise?
    InformationsquelleAutor lonesomeday
  2. 5

    Ihre Selektor braucht nur eine Anpassung, diese:

    $(".new img")

    Werden sollte:

    $("img.new")

    Den new Klasse ist auf die <img> selbst, die <img> ist nicht ein Nachkomme von einem class="new" element, das ist, was Ihre aktuelle Selektor sucht. Auch .attr('src') ruft eine Zeichenfolge ab, so müssen Sie die Klasse vor dem Aufruf es insgesamt so:

    $(function() {
  $("img.new").each(function() {
    var src = $(this).addClass('image').attr('src');
    var a = $('<a/>').attr('href', src);
    $(this).wrap(a);
  });
});

    Sie können es hier testen, oder eine etwas einfachere/schnellere version hier:

    $(function() {
  $("img.new").each(function() {
    var a = $('<a/>').attr('href', this.src);
    $(this).addClass('image').wrap(a);
  });
});
    InformationsquelleAutor Nick Craver
Schreibe einen Kommentar