En utilisant Jquery, comment ferais-je tout

Question

J'utiliserai les datatables jquery plugin. J'ai vu fnRowCallback dans les docs, mais cela semblait compliqué.

Comment le regard de code comme si je fais 2 types de modifications aux lignes et les données d'une table qui ressemble à ceci:

<table class='activitylocation'> 
    <tbody> 
    <tr> 
     <td>John Smith</td> 
     <td>123 Fake St</td> 
     <td>lat_1</td> 
     <td>lon_1</td> 
    </tr> 
    <tr> 
     <td>XX MAN</td> 
     <td>12333 Fake St</td> 
     <td>lat_2</td> 
     <td>lon_2</td> 
    </tr> 
    </tbody> 
</table> 

changement 1 se rapporte à insérer des informations dans chaque ligne en fonction ses données:

<tr onlick="my_function1('John Smith');" onMouseOver="my_function2('lat_1','lon_1')" > 

Change 2 est de faire 2 des éléments de données de chaque rangée masquée par l'insertion de ce type d'information:

<td class='hide'>lat_1</td> 
    <td class='hide'>lon_1</td> 

Je vais tirer les données du serveur PHP. L'astuce consiste à créer des liens à partir de la table de données vers une carte Web. Je suis jquery et datatables novice. Toute aide est grandement appréciée!

Answer 1

Si je reçois votre question est ici ce que vous devez faire:

S'il vous plaît DonT trucs utilisation OneClick, déclarer tous les gestionnaires dans la section thehead place:

$('tr').click(function() { 
    var name = $(this).children().eq(0); 
    var lat_1 = $(this).children().eq(2); 
    var lon_1 = $(this).children().eq(3); 
}); 

Si vous utilisez la fonction cacher() probablement vous gâchera une structure de table alors peut-être la meilleure façon devrait définir la visibilité de caché

$('td:eq(2), td:es(3)').css('visibility', 'hidden'); 

J'espère que cette aide