Comment sélectionner une ligne de table en fonction d'un nom de classe ajouté dynamiquement?

Question

J'ai une table où je sélectionne une rangée en cliquant dessus.
Lors d'un clic, la classe selected est ajoutée à la ligne.

Voici le code:

// Change row background color on click 
    jQuery('#rowList tr').live("click", function() { 
    jQuery(this).closest("tr").siblings().removeClass("selected"); 
    jQuery(this).toggleClass('selected'); 
    }); 

maintenant, en cliquant sur un autre bouton, je dois obtenir le titre de la ligne sélectionnée. Pour tester, j'essaie de récupérer la ligne entière.

jQuery('#fileBrowser input.addImage').live("click", function() { 
    var tmp = jQuery("#rowList tr:selected").html(); 
    alert(tmp); 
    }); 

Mais tout ce que je reçois est null. Je suppose que c'est parce que la classe ajoutée n'est pas liée. Je pensais live gardé la trace du contenu ajouté dynamiquement, mais je suppose que non.

Comment puis-je obtenir ce travail?

Answer 1

Faites ceci:

var tmp = jQuery("#rowList tr.selected").html(); 

Vous devez sélectionner la ligne par classe en utilisant .selected, qui utilise le class-selector au lieu du selected-selector, qui ne vise que <option> les éléments sélectionnés.