164 votes

Comment obtenir la valeur d'un <span> en utilisant jQuery ?

C'est élémentaire.

Comment puis-je obtenir la valeur 'This is my name' du span ci-dessus ?

<div id='item1'>
<span>This is my name</span>
</div>

323voto

Lewis Points 2607

Je pense que cela devrait être un exemple simple :

$('#item1 span').text();

ou

$('#item1 span').html();

2 votes

Où puis-je trouver ces fonctions jQuery ?

27 votes

Je pense qu'il est important, lorsque nous montrons ces deux fonctions, de ne pas embrouiller les nouveaux codeurs en suggérant qu'elles font la même chose, alors que ce n'est pas le cas (même si dans cet exemple, cela semble être le cas). Il est important de noter que .text() codera en html tous les caractères qu'il trouvera, tandis que .html() ne codera aucun caractère.

0 votes

Cela peut-il être réalisé avec plusieurs travées de la même classe ?

15voto

rahul Points 84185
$("#item1 span").text();

7voto

Rich Points 1767

En supposant que vous vouliez qu'il y ait id="item1", vous devez

$('#item1 span').text()

5voto

F.Aquino Points 6688

Comme vous n'avez pas fourni d'attribut pour la valeur "item", je suppose qu'une classe est utilisée :

<div class='item1'>
  <span>This is my name</span>
</div>

alert($(".item span").text());

Assurez-vous d'attendre que le DOM soit chargé pour utiliser votre code. En jQuery, vous utilisez la fonction ready() pour cela :

<html>
 <head>
  <title>jQuery test</title>
  <!-- script that inserts jquery goes here -->
  <script type='text/javascript'>
    $(document).ready(function() { alert($(".item span").text()); });
  </script>
</head>
<body>
 <div class='item1'>
   <span>This is my name</span>
 </div>
</body>

1 votes

Vous avez changé la question ! Votre réponse correspond à votre question, il spécifiait l'identifiant et non le nom d'une classe.

0 votes

Eh bien, si vous voyez le premier commentaire sous son nom, vous remarquerez qu'il n'a pas écrit d'attribut du tout, c'était <div 'item1'>, j'ai mal deviné apparemment.

5voto

dipraj.shahane Points 1

$('#item1').text(); or $('#item1').html(); fonctionne bien pour id="item1"

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X