lsjh21
lsjh21
2015-05-18 08:58
采纳率: 75%
浏览 1.6k
已采纳

jQuery遍历被选中的行找控件的值

为什么用jQuery找checkbox 的所在tr下的lable值是空的??
jQuery:
$('#tbFileList').find(":checkbox:checked").each(function(){
var tablerow = $(this).parent("tr");

var filename= $(this).parent(".ckc").find('#lblname').text();});
而且单独在浏览器中调试, $(this).parent(); 也只输出checkbox本身。

html:
<table id="tbFileList">
    <tr>
    <td><input type="checkbox"></td>
    <td>File Name</td>
    <td>File Path</td>
    </tr >

   <tr class="ckc">
    <td><input type="checkbox" checked></td>
   <td><label id="lblname">test1.java</label></td>
   <td><label id="lblpath">D:\java\com\test1.java</label></td>
   </tr> 

   <tr class="ckc">
    <td><input type="checkbox" checked></td>
   <td><label id="lblname">test2.java</label></td>
   <td><label id="lblpath">D:\java\com\test2.java</label></td>
   </tr> 

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • u011376884
    逝_去_的_光_阴 2015-05-18 09:05
    已采纳

    parent改成parents
    $(this).parent();找到的应该是

    点赞 评论
  • danielinbiti
    danielinbiti 2015-05-18 09:23
     <html> 
    <head> 
        <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
    </head> 
    <script>
        function find(){
            $('#tbFileList').find(":checkbox:checked").each(function(){
                var tablerow = $(this).parents("tr");
                var filename= $(this).parents(".ckc").find('#lblname').text();
                alert(filename);
            });
      }
    </script>
    <body> 
        <table id="tbFileList">
        <tr>
        <td><input type="checkbox"></td>
        <td>File Name</td>
        <td>File Path</td>
        </tr >
    
       <tr class="ckc">
        <td><input type="checkbox" checked></td>
       <td><label id="lblname">test1.java</label></td>
       <td><label id="lblpath">D:\java\com\test1.java</label></td>
       </tr> 
    
       <tr class="ckc">
        <td><input type="checkbox" checked></td>
       <td><label id="lblname">test2.java</label></td>
       <td><label id="lblpath">D:\java\com\test2.java</label></td>
       </tr> 
      <table>
      <input type='button' value='查找' onclick='find()'/>
    </body> 
    </html>
    
    点赞 评论

相关推荐