Cambiare testo span dentro button coin jquery

[fermat]

ciao!

io ho questo codice html autogenerato da un plugin:

<button class="btn btn-default btn-mobileSelect-gen"><span class="text">0 items selected</span> <span class="caret"></span></button>

avrei la necessità di cambiare il testo dello span con classe text.
ho provato in vari modi.
questo l'ultimo tentativo che ho fatto:

$(document).ready(function () {
    $('.btn-mobileSelect-gen span .text').html('Nessun elemento selezionato');
});

[ciro78]

ciao!

io ho questo codice html autogenerato da un plugin:

<button class="btn btn-default btn-mobileSelect-gen"><span class="text">0 items selected</span> <span class="caret"></span></button>

avrei la necessità di cambiare il testo dello span con classe text.
ho provato in vari modi.
questo l'ultimo tentativo che ho fatto:

$(document).ready(function () {
    $('.btn-mobileSelect-gen span .text').html('Nessun elemento selezionato');
});

ciao ,
togli lo span

$(document).ready(function () {
    $('.btn-mobileSelect-gen  .text').html('Nessun elemento selezionato');
});

il motivo che tu scrivevi span | spazio | .text. Quindi jQuery si aspetta un elemento all'interno di span con classe text.

La soluzione è riferirsi direttamente alla classe o, qualora la classe sia applicata anche ad elementi non span,

span.text

[fermat]

ciao!

avevo provato anche cosi, ma non ha funzionato.
poi ho fatto banalmente questo test:

 setTimeout(function () {
            if ($(".btn-mobileSelect-gen").length) {
                $('.btn-mobileSelect-gen').attr('type', 'button');
                $('.btn-mobileSelect-gen .text').html('Nessun elemento selezionato');
                console.log('ok');
            } else {
                console.log('ko');
            }
        }, 100);

e funziona.
forse quel componente, creato da un plugin, viene creato "tardi" rispetto al document ready?
non mi fa impazziare come soluzione, me sennò non c'è verso.
anche per l'aggiunta dell'attributo al bottone.

[ciro78]

non hai mai parlato di componenti. chiaro che potrebbe non funzionare se entrambi (creazione e modifica) sono nel ready. a quel punto se lo script che modifica il testo è caricato prima del componente devi per forza pollare.

[fermat]

non hai mai parlato di componenti. chiaro che potrebbe non funzionare se entrambi (creazione e modifica) sono nel ready. a quel punto se lo script che modifica il testo è caricato prima del componente devi per forza pollare.

ciao!
si confermo che il problema è come viene inizializzato quel componente.
mi è bastato mettere un timeout con ritardo 100 per risolvere.