Recherche de la ligne parent de la saisie de texte de formulaire

Je suis en train d'utiliser des données d'attributs dans une table HTML pour stocker les données sur un élément qui sera utilisée plus tard dans un appel ajax, mais j'ai de la difficulté avec mon jQuery sélection lorsque j'essaie de récupérer les données.

Cela fonctionne:

var listItemId = $(this).parent().parent().attr('data-id');

Cependant, la .parent().parent() sélecteur est trop fragile--il va casser si jamais je modifier ma structure HTML.

C'est ce que j'aimerais faire, mais il est de retour indéfini:

var listItemId = $(this).parent('.list-item').attr('data-id');

Mon code HTML ressemble à ceci:

<tr class="list-item" data-id="1">
   <td>
     <input value="Some text entered by the user" type="text" >
   </td>
</tr>

Ce qui me manque?

source d'informationauteur Josh Earl