this.val arbeiten nicht in JQuery

$('.free-gifts').on("click",".free-gift-item", function() { 

    console.log(this.val()); 

});

Dies ist mein Code und das zurückgegeben wird, wenn ich nur 'this' in console.log schreiben .:this.val arbeiten nicht in JQuery

<img class="free-gift-item" value="Vaucet1" src="//cdn.shopify.com/s/files/1/1158/4752/t/2/assets/Vaucet1.jpg?11031098756291991926">

Vielleicht funktioniert .value mit nur $. Welche Logik sollte dann verwendet werden?

Quelle

2016-03-20 Umer Javed

Sie verwenden müssen: '$ (this) .attr ('value');' –

Aber wenn ich dies tun, es sagt $ das ist nicht definiert. –

Bitte posten Sie dies als Antwort :) Es funktionierte tatsächlich für mich. Ich benutzte $ this.attr, aber stattdessen musste ich $ (this) .attr verwenden. bitte erklären Sie ein wenig in Ihrer Antwort, damit es anderen Leuten auch hilft :) –

Da Bilder keine Wertattribute (ungültiges HTML) haben können, sollten Sie stattdessen data attributes verwenden, um einem Element beliebige Daten zuzuweisen.

<img class="free-gift-item" data-value="Vaucet1" src="//cdn.shopify.com/s/files/1/1158/4752/t/2/assets/Vaucet1.jpg?11031098756291991926">

dann den Wert mit .data() Methode jQuery abrufen:

$('.free-gifts').on("click",".free-gift-item", function() { 
    console.log($(this).data('value')); 
});

Quelle

2016-03-20 14:50:17 j08691

Vielen Dank dafür :) –

this.val arbeiten nicht in JQuery

Antwort

Verwandte Themen