Prelevare testo del tag figlio

[techno]

Ciao a tutti
Premetto che sto usando il framework jquery da poco di solito uso javascript senza alcun framework
Devo prelevare il testo in un tag span:

<button id="btPrimo" type="vutton">
<span class="....">Hello World</span>
</button>

Ora vorrei che qualcuno mi spiegasse questi strani comportamenti:

$("#btPrimo").on("click", () => {
     alert($(this).find("span").text());     // qui non mi estrae nulla
     alert($("span", this).text();             // qui non mi estrae nulla
     alert($("#btPrimo span").text()       // qui ottengo il testo
}

eppure dovrebbero essere tutti e 3 la stessa cosa ma non lo è solo l'ultimo mi da il testo?

[alka]

Ora vorrei che qualcuno mi spiegasse questi strani comportamenti: [...]
eppure dovrebbero essere tutti e 3 la stessa cosa ma non lo è solo l'ultimo mi da il testo?

Se usi una arrow function per il tuo callback, il valore di this NON è quello che ti aspetti.

Leggi questo articolo.

[techno]

ah ok ecco allora il problema, grazie

[KillerWorm]

Quoto alka è aggiungo: se vuoi usare un'arrow function come listener di evento, per fare riferimento all'oggetto a cui è applicato tale listener puoi usare la proprietà currentTarget dell'oggetto event che viene passato come argomento della funzione callback.

Puoi provare in questo modo o con metodi analoghi:

$('#btPrimo').on('click', e => {
  const me = e.currentTarget;
  console.log(me); // "me" fa riferimento all'elemento #btPrimo
});