Get <td> Werte nur in bestimmte Zeilen mit jQuery

Ich habe eine Tabelle (id="docsTable"), deren Zeilen ähnlich wie diese Aussehen:

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

Brauche ich um zu Durchlaufen und die Tabelle können Sie bestimmen, welche Kontrollkästchen der Benutzer aktiviert, und für die Zeilen, die mit einem aktivierten Kontrollkästchen, schnappen Sie sich den Wert für den ersten und den text für die nächsten zwei.

Ich nicht brauchen, um zu bauen eine Sammlung: In jeder iteration will ich ändern, einige Elemente an anderer Stelle. Das ist nicht der schwierige Teil (für mich). Es versucht herauszufinden, wie Sie zum Durchlaufen der Tabelle, und wählen Sie nur die s mit aktivierten Checkboxen.

InformationsquelleAutor 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!!! Ein funktionierendes Beispiel in weniger als 5 Minuten! Und genau das, was ich gesucht habe! Ich hab seit geraumer Zeit die Suchmaschine von Stackoverflow, aber dies ist mein erstes mal hier eine Frage. You guys rock!
    Froh, dass wir helfen konnten! Der beste Weg, um wieder ist, die Website zu durchsuchen und einige Fragen beantworten. Sie werden nicht nur einen Beitrag für die Gemeinschaft, aber Sie können den Ruf, den Sie gewinnen und Ihr Profil als Teil Ihres Lebenslaufs. Anyway... herzlich Willkommen auf der Seite!

    InformationsquelleAutor Brandon Boone

  2. 2

    Können Sie versuchen, etwas entlang dieser Linie: 

    $('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()
});

    Hoffe das funktioniert und hilft!

    InformationsquelleAutor 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() );

});

    InformationsquelleAutor lord_t

Schreibe einen Kommentar