Vous cherchez à simplifier l'ajout d'un attribut basé sur le texte de votre frère

Question

Je voudrais ajouter un attribut Titre à une ligne et la valeur est extraite du frère de la ligne qui est caché, sauf si vous cliquez dessus. Je voulais le rendre assez générique pour gérer quand certains écrans n'ont pas la ligne cachée avec le texte.

Voici la première passe qui fonctionne:

$(function() { 
    $("td.commandText pre").each(function(index) { 
    $(this).parent().parent().prev().attr('Title', $(this).text()); 
    }); 
}); 

Toutes les idées pour faire que plus élégante?

Voici un exemple de la table HTML Je travaille avec:

<table class="maingrid"> 
    <thead> 
    <tr> 
     <th>Session ID</th> 
     <th>User Name</th> 
     <th>Start Time</th> 
     <th>End Time</th> 
    </tr> 
    </thead><tbody> 
    <tr class="record"> 
     <td id="174">174</td> 
     <td>user1</td> 
     <td>8/2/2010 4:00:09 PM</td> 
     <td></td> 
    </tr> 
    <tr> 
    <td class="details hide commandText" colspan="4"> 
     <pre>Sample Text to show as a tooltip</pre></td> 
    </tr> 
    <tr> 
    <td class="details hide" colspan="4" style="color:red"><pre>no errors</pre></td> 
    </tr> 
    <tr class="record"> 
     <td id="175">175</a></td> 
     <td>user1</td> 
     <td>8/2/2010 4:00:09 PM</td> 
     <td></td> 
    </tr> 
    <tr> 
    <td class="details hide commandText" colspan="4"> 
     <pre>Sample Text to show as a tooltip</pre></td> 
    </tr> 
    <tr> 
    <td class="details hide" colspan="4" style="color:red"><pre>no errors</pre></td> 
    </tr> 
</tbody> 
</table> 

Answer 1

Vous pouvez utiliser .closest() pour le rendre un peu plus court, comme celui-ci:

$(function() { 
    $("td.commandText pre").each(function(index) { 
    $(this).closest('tr').prev().attr('Title', $(this).text()); 
    }); 
}); 

Autre que cela, il y a pas beaucoup plus d'élégance à gagner ici.