Ich möchte ein Attribut data-pic über Jquery mehrere img Tags hinzuzufügen:Wie erkennt man das aktuelle Element in jQuery?
$('#description img').attr('data-pic', $(this).attr('src'))
aber, $(this).attr('src') wird nicht funktionieren. Was ich brauche ist der src des aktuellen Elements (img) mit dem ich arbeite.
Sie benötigen eine Callback-Funktion verwenden, um Verwenden Sie das kontextbezogene Schlüsselwort this.
$('#description img').attr('data-pic', function() {
return $(this).attr('src');
});
Oder sogar 'this.getAttribute (" src ") zurückgeben, da hier wirklich kein jQuery-Wrapper benötigt wird. Oder wenn es in Ordnung ist, den aufgelösten Wert anstatt relativ zu erhalten, 'return this.src;' :-) –
@ T.J.Crowder Einverstanden ... ': D' Der zweite ist einfacher, ich bin faul. Ich werde 'this.src' verwenden! ': D' –
ich fügen Sie den Attributdaten-pic über jquery Bilder (mehr als 1):
Sie benötigen eine Schleife auf jedem Bild zu verwenden.
Tun Sie es mit' jeder' ist * möglich *, aber ineffizient; Verwenden Sie einfach die Callback-Funktion von Attr. –
Um dies zu erreichen, können Sie eine direkte Schleife mit each() verwenden. Dies gibt Ihnen die this Referenz innerhalb der Handler-Funktion:
$('#description img').each(function() {
$(this).attr('data-pic', $(this).attr('src'));
});
Alternativ können Sie eine Funktion zu attr() bereitzustellen, die auf jedes Element Instanz arbeiten:
$('#description img').attr('data-pic', function() {
return $(this).attr('src');
});
Verwenden 'console.log (this);' und sehen, was –
@PraveenKumar im console./ ist die Anzeige: Noch besser wäre es, verwenden Sie den Debugger, um zu sehen, was los ist. Es macht keinen Sinn, im Dunkeln mit einer 'console.log' Taschenlampe zu stolpern, wenn Sie * die Lichter * mit dem im Browser integrierten Debugger einschalten können. –
Kann $ (this) .attr() für eine Liste von Elementen nicht verwenden. –