Cambia dinamicamente il testo su Twitter Pulsante Bootstrap preservando l'icona?

Question

Come utilizzare javascript/jquery per modificare il testo su un pulsante in Twitter Bootstrap senza distruggere l'icona?

Quindi, questa è la mia marcatura statica:

<a class="btn" id="myButton" onclick="doSomething()"><i class="icon-ok"></i> Do it...</a> 

sono in grado di modificare l'icona, in questo modo:

$('#myButton i:first-child').attr('class','icon icon-remove'); 

che va bene, ma per l'amore di tutto ciò che è buono Non riesco a trovare un modo per impostare il testo del pulsante senza eliminare l'icona. Per esempio. se faccio questo:

$('#myButton').text('Some Remove Text'); 

perdo l'elemento icona, così come posso accedere solo il testo e modificare che, pur conservando elementi figlio?

Answer 1

È possibile racchiudere il contenuto in un elemento span e quindi trovarlo nel contesto dell'ancora.

$('#myButton span').text('Some Remove Text'); 

Inoltre è possibile utilizzare $ ('# myButton i: prima') invece di $ ('# myButton i: first-child') o anche

$('#myButton i') or $('#myButton > i') which would be shorter.