Sélection de la table jquery et récupération des données

Question

J'utilise une table html qui contient les heures disponibles pour la planification. Je veux que l'utilisateur puisse cliquer sur une heure et que l'on puisse obtenir l'en-tête de colonne, qui est le nom du personnel, et la valeur de la cellule - l'heure. Je veux plutôt changer le contenu de la cellule en 'NA' et mettre l'arrière-plan de la cellule à une certaine couleur. J'ai joué avec cela pendant un certain temps sans aucune chance. Je suis nouveau pour javascripts et jquery. Toute aide serait grandement appréciée.

Answer 1

Cela devrait être une tâche jquery faisable tant que vous avez les sélecteurs appropriés. Vous avez donc besoin d'un moyen d'associer chaque cellule temporelle à une cellule d'en-tête. Pour ce faire, je voudrais ajouter un ID utilisateur aux cellules dans l'en-tête et le corps:

<th class="header" id="1">Bob</th> 

<td class="selectable" id="10" name="1">10:00 AM</td> 

Alors, pour la jquery:

$("table#timetable tbody tr td").click(function(){ 
    var user_id = $(this).attr('name'); 
    var user_name = $("table#timetable thead tr th#" + user_id).html(); 
    var time = $(this).attr('id'); 
    $(this).html('N/A'); 
    $(this).css('background':'#990000'); 
    alert(user_id + ' ' + user_name + ' ' + time); 
});