jQuery this.text ne fonctionne pas dans IE après l'événement en direct

Question

J'essaye actuellement de mettre à jour mon site Web avec quelques fonctions de jQuery. Comme toujours avec le développement Web IE est une douleur.

J'ai une liste d'autosuggestion qui ressemble à ceci:

<div id="suggestionBox"> 
    <ul> 
     <li> 
      <a class="entry" style="display:block;" href="#">somesuggestion</a> 
     </li> 
     ... 
    </ul 
</div> 

Bien sûr, les suggestions sont acquises à partir d'un serveur, donc j'utiliser une fonction load() chaque fois que le champ d'entrée est modifiée. Cela fonctionne très bien. Le problème est, je veux que le champ de saisie soit complété quand une suggestion est cliquée. J'utilise le code suivant pour que:

$(".entry").live('click', function() { 
    $("#" + $("#suggestionBox").data('input')).val(this.text); 
    //and some more stuff 
}); 

Le champ de données pour le suggestionBox est réglé lorsque le champ d'entrée se concentrer.

Cela fonctionne parfaitement bien dans Chrome et FireFox mais pas dans IE. this.text dans le code ci-dessus renvoie undefined.

Je ne sais pas pourquoi cela ne devrait pas fonctionner pour IE. Quelqu'un peut-il m'aider?

Merci.

Answer 1

Pourquoi ne pas utiliser jQuery?

$(this).text() 

An a element has no text property in IE.

Answer 2

Vous devez utiliser la fonction text() jQuery, pas un bien, puisque le sous-jacent propriété DOM est un navigateur spécifique:

$("#" + $("#suggestionBox").data('input')).val($(this).text());