jquery 如何遍历下面的代码，取出这个表格中所有type="checkbox"的文本

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<table id="CheckBoxList1" border="0">
    <tr>
        <td><input id="CheckBoxList1_0" type="checkbox" name="CheckBoxList1$0" /><label for="CheckBoxList1_0">保定</label></td><td><input id="CheckBoxList1_1" type="checkbox" name="CheckBoxList1$1" /><label for="CheckBoxList1_1">一班</label></td><td><input id="CheckBoxList1_2" type="checkbox" name="CheckBoxList1$2" /><label for="CheckBoxList1_2">二班
</label></td><td><input id="CheckBoxList1_3" type="checkbox" name="CheckBoxList1$3" /><label for="CheckBoxList1_3">三班</label></td><td><input id="CheckBoxList1_4" type="checkbox" name="CheckBoxList1$4" /><label for="CheckBoxList1_4">四班</label></td><td><input id="CheckBoxList1_5" type="checkbox" name="CheckBoxList1$5" /><label for="CheckBoxList1_5">五班</label></td>
    </tr><tr>
        <td><input id="CheckBoxList1_6" type="checkbox" name="CheckBoxList1$6" /><label for="CheckBoxList1_6">六班</label></td><td><input id="CheckBoxList1_7" type="checkbox" name="CheckBoxList1$7" /><label for="CheckBoxList1_7">七班</label></td><td><input id="CheckBoxList1_8" type="checkbox" name="CheckBoxList1$8" /><label for="CheckBoxList1_8">八班</label></td><td><input id="CheckBoxList1_9" type="checkbox" name="CheckBoxList1$9" /><label for="CheckBoxList1_9">九班</label></td><td><input id="CheckBoxList1_10" type="checkbox" name="CheckBoxList1$10" /><label for="CheckBoxList1_10">十班</label></td><td><input id="CheckBoxList1_11" type="checkbox" name="CheckBoxList1$11" /><label for="CheckBoxList1_11">十一班</label></td>
    </tr>
</table>
<script>
    alert($('#CheckBoxList1 :checkbox').map(function () { return $(this).next().text()}).get().join());
</script>

解决方案 »

  1.   

    var $a = $('[type="checkbox"]');
    var $b = $.map($a,function(v,k){
    return $(v).next().html()
    });
      

  2.   

    <!DOCTYPE html>
    <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
      $("#CheckBoxList1 :checkbox").each(function(e){
    alert($(this)[0].nextSibling.innerHTML);     
      });
    });
    </script>
    </head>
    <body>  <table id="CheckBoxList1" border="0">
        <tr>
            <td><input id="CheckBoxList1_0" type="checkbox" name="CheckBoxList1$0" /><label for="CheckBoxList1_0">保定</label></td><td><input id="CheckBoxList1_1" type="checkbox" name="CheckBoxList1$1" /><label for="CheckBoxList1_1">一班</label></td><td><input id="CheckBoxList1_2" type="checkbox" name="CheckBoxList1$2" /><label for="CheckBoxList1_2">二班
    </label></td><td><input id="CheckBoxList1_3" type="checkbox" name="CheckBoxList1$3" /><label for="CheckBoxList1_3">三班</label></td><td><input id="CheckBoxList1_4" type="checkbox" name="CheckBoxList1$4" /><label for="CheckBoxList1_4">四班</label></td><td><input id="CheckBoxList1_5" type="checkbox" name="CheckBoxList1$5" /><label for="CheckBoxList1_5">五班</label></td>
        </tr><tr>
            <td><input id="CheckBoxList1_6" type="checkbox" name="CheckBoxList1$6" /><label for="CheckBoxList1_6">六班</label></td><td><input id="CheckBoxList1_7" type="checkbox" name="CheckBoxList1$7" /><label for="CheckBoxList1_7">七班</label></td><td><input id="CheckBoxList1_8" type="checkbox" name="CheckBoxList1$8" /><label for="CheckBoxList1_8">八班</label></td><td><input id="CheckBoxList1_9" type="checkbox" name="CheckBoxList1$9" /><label for="CheckBoxList1_9">九班</label></td><td><input id="CheckBoxList1_10" type="checkbox" name="CheckBoxList1$10" /><label for="CheckBoxList1_10">十班</label></td><td><input id="CheckBoxList1_11" type="checkbox" name="CheckBoxList1$11" /><label for="CheckBoxList1_11">十一班</label></td>
        </tr>
    </table>
    </body>
    </html>
      

  3.   


    <script>
    $(function(){
    $("#CheckBoxList1 tr td input:checkbox").each(function(){alert($(this).next().text());})
    });
    </script>