sélectionnez indiquer la ligne à l'aide Jquery

Question

J'ai une table HTML comme ci-dessous:

ColA  ColB ColC ColD ColE ColF 
Checked AAAA BBBB CCCC DDDD EEEE 
Unchecked AAAA BBBB CCCC DDDD EEEE 
Checked AAAA BBBB CCCC DDDD EEEE 
Checked AAAA BBBB CCCC DDDD EEEE 
Unchecked AAAA BBBB CCCC DDDD EEEE 
Checked AAAA BBBB CCCC DDDD EEEE 
Checked AAAA BBBB CCCC DDDD EEEE 

COLA une case à cocher. Je veux obtenir la valeur ColD de toutes les lignes dont le ColA est vérifié. Je veux utiliser la jquery pour le faire. Est-ce que quelqu'un le rencontre avant?

Cordialement,

Answer 1

var array_of_the_values = $('table input:checked').map(function() { 
    return $(this).parents('tr').find('td:eq(3)').text(); 
    }).get(); 

Answer 2

La solution sans jQuery

var inputs = document.getElementById("tableId").getElementsByTagName("input"), input, i = inputs.length; 
while (i--){ 
    input = inputs[i]; 
    if (input.type == "checkbox" && input.checked){ 
     console.log(input.parentNode.parentNode.childNodes[3].innerHTML); 
    } 
} 

Ceci est garantie être beaucoup plus rapide que l'une des méthodes css-sélecteur (et plus facile à comprendre).

Et une légère réécriture pour retourner un tableau

var array_of_values = (function(table){ 
    var values = [], inputs = table.getElementsByTagName("input"), i = inputs.length; 
    while (i--) 
     if (inputs[i].type == "checkbox" && inputs[i].checked) 
      values.push(inputs[i].parentNode.parentNode.childNodes[3].innerHTML); 
    return values; 
})(document.getElementById("tableId")); 

Answer 3

$ ('entrée de table: checked') parent ('tr') find ('td: eq (3)).. .texte();