Obtenir des <td> les valeurs des lignes à l'aide de jQuery

J'ai une table (id="docsTable") dont les lignes ressembler à ceci:

<tr bgcolor="#E7DDCC">
    <td align="center"><input type="checkbox" name="docsToAddToClass[]" value="35" /></td>
    <td>Document Title</td>
    <td>Document Description.</td>
</tr>

J'ai besoin de parcourir le tableau, déterminer les cases à cocher l'utilisateur a coché, et pour les lignes avec un contrôle de case à cocher, saisir la valeur pour le premier et le texte pour les deux prochaines.

Je n'ai pas besoin de construire une collection: au Sein de chaque itération, je veux changer certains éléments de l'ailleurs. Ce n'est pas la partie la plus difficile (pour moi). Il essaie de comprendre comment parcourir le tableau et sélectionnez uniquement le s avec les cases à cocher.

OriginalL'auteur marky | 2011-06-10

  1. 8
    <html>
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" ></script>
    <script type="text/javascript">
        $(function(){
            $('#btnTest').click(function(){
                $('#docsTable input[type="checkbox"]:checked').each(function(){
                    var $row = $(this).parents('tr'); 
                    alert($row.find('td:eq(0) input').val());
                    alert($row.find('td:eq(1)').html());
                    alert($row.find('td:eq(2)').html());
                });
            });
        });
    </script>
  </head>
  <body>
    <table id="docsTable">
        <tr bgcolor="#E7DDCC">
            <td align="center"><input type="checkbox" name="docsToAddToClass[]" value="35" /></td>
            <td>Document Title 1</td>
            <td>Document Description.</td>
        </tr>
        <tr bgcolor="#E7DDCC">
            <td align="center"><input type="checkbox" name="docsToAddToClass[]" value="36" /></td>
            <td>Document Title 2</td>
            <td>Document Description.</td>
        </tr>
        <tr bgcolor="#E7DDCC">
            <td align="center"><input type="checkbox" name="docsToAddToClass[]" value="37" /></td>
            <td>Document Title 3</td>
            <td>Document Description.</td>
        </tr>
    </table>
    <input type='button' id='btnTest' value='Get Rows' />
  </body>
</html>
    Wow! Un exemple de travail en moins de 5 minutes! Et exactement ce que je cherchais! J'ai été long-temps à la recherche de la Stackoverflow mais c'est ma première fois de poster une question ici. Les gars, vous rock!
    Nous étions heureux de pouvoir vous aider! La meilleure façon de donner en retour est de parcourir le site et de répondre à certaines questions. Vous serez non seulement de contribuer à la communauté, mais vous pouvez utiliser la réputation de gain et de votre profil dans le cadre de votre cv. De toute façon... Bienvenue sur le site!

    OriginalL'auteur Brandon Boone

  2. 2

    Vous pouvez essayer quelque chose le long de cette ligne: 

    $('tr > td:first-child > input:checked').each(function() {  
    //$(this).val() is the value of the input
    //$(this).parent().siblings() will refer to the two <td>'s  
    //You can also try other traversal methods like $(this).parent().next()
});

    Espère que cela fonctionne et permet de!

    OriginalL'auteur Marcelo Zabani

  3. 2
    $('#docsTable > tr > td > input:checked').each(function(i,element){

var el = $(element);
alert( el.val() );
alert( el.parent().siblings(':eq(0)').html() );
alert( el.parent().siblings(':eq(1)').html() );

});

    OriginalL'auteur lord_t