Obtenir du texte de span en utilisant jQuery

Question

Donnant ce code HTML, je veux saisir "Août" lorsque je clique dessus:

 <span class="ui-datepicker-month">August</span>
 

j'ai essayé

 $(".ui-datepicker-month").live("click", function () {
    var monthname =  $(this).val();
    alert(monthname);
});
 

mais ne semble pas fonctionner

Answer 1

Au lieu de .val() utilisez .text() , comme ceci:

 $(".ui-datepicker-month").live("click", function () {
    var monthname =  $(this).text();
    alert(monthname);
});
 

.val() concerne les éléments de type d'entrée (y compris les zones de texte et les menus déroulants), puisque vous avez affaire à un élément contenant du contenu texte, utilisez .text() ici.

Answer 2

Je pense que vous voulez .text() :

 var monthname = $(this).text();
 

Answer 3

-Rien de ce qui précède toujours travaillé pour moi. Voici donc la solution que j'ai travaillé que fonctionne de façon uniforme dans tous les navigateurs, car il utilise une fonctionnalité de base. Espérant que cela puisse aider les autres. À l'aide de jQuery 8.2

1) Obtenir l'objet jquery pour "span". 2) Obtenir l'objet DOM à partir de ci-dessus. À l'aide de jquery .get(0) 3) à l'Aide de DOM de l'objet innerText obtenir le texte.

Voici un exemple simple

var curSpan = $(this).parent().children(' span').get(0);
var spansText = curSpan.innerText;

HTML

<div >
<input type='checkbox' /><span >testinput</span> 
</div>

Answer 4

Vous pouvez utiliser .html() d'obtenir le contenu de span et ou div - éléments.

exemple:

    var monthname =  $(this).html();
    alert(monthname);

Answer 5

val() est pour l'entrée des éléments, utiliser de l'html() à la place