Javascript Girl
  1. Javascript Girl
  3. Obtenez de la valeur de l'élément de liste avec jQuery
Intereting Posts
HTML5 Drag Release offsetX offsetY jump Comment animer un objet le long d'un chemin GeoJSON en utilisant d3.js? Backbone.js: `extension` indéfini? Support de navigateur Promise.defer () Comment obtenir la valeur d'un champ pendant l'événement de collage? Angular 2 Material 2 datepicker date format Google Bar Chart ne peut pas modifier la couleur de barre individuelle Attributs de classe C # inaccessibles en Javascript Convertissez plusieurs toiles en dataURL en html5 Javascript: comment puis-je incrémenter une chaîne de date (AAAA-MM-JJ) d'ici 1 jour Erreur du compilateur typographique – les paramètres fournis ne correspondent à aucune signature de cible d'appel Pourquoi `throw` est-il invalide dans une fonction de flèche ES6? Ajax Load with fade in Google Maps Géocodage d'une chaîne REACT JS: carte sur un ensemble d'objets à rendre dans JSX

Obtenez de la valeur de l'élément de liste avec jQuery

Comment obtenir la valeur et l'index de l'élément de liste sur l'événementClick avec jQuery?
par exemple: 

<ul id='uItem'> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul>

Combinez l'utilisation de .index() et .text() (ou .html() , si vous le souhaitez): 

 $('#uItem li').click(function() { var index = $(this).index(); var text = $(this).text(); alert('Index is: ' + index + ' and text is ' + text); }); 
 $('#uItem li').click(function(){ var $this = $(this); alert('Text ' + $this.text() + 'Index ' + $this.index()); })

Vérifiez l'exemple de travail à http://jsfiddle.net/yccyJ/1/

Si vous avez défini un attribut de valeur pour votre li: 

  <ul id='uItem'> <li value="item1">Item 1</li> <li value="item2">Item 2</li> <li value="item3">Item 3</li> <li value="item4">Item 4</li> </ul>

, Alors vous pouvez le récupérer en utilisant jQuery comme ceci: 

 $('#uItem li').click(function(){ var $this = $(this); var selKeyVal = $this.attr("value"); alert('Text ' + $this.text() + 'value ' + selKeyVal); })

Jetez un oeil à la fonction d'index, http://api.jquery.com/index/ 

 $('ul li').click(function(){ var value = $(this).text(); var index = $('li').index($(this)); });

Cochez ceci pour plus de détails