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个回答

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

u011376884
逝_去_的_光_阴 回复lsjh21: 我这里可以正常取到啊
5 年多之前 回复
lsjh21
lsjh21 $(":checkbox:checked").each(function(){ $(this).parent(); }); [<input type="checkbox" checked>] 这是我再Chrome中调式的结果,我也觉得很困惑。parents 也试过了,也只输出checkbox 自己
5 年多之前 回复
u011376884
逝_去_的_光_阴 找到的应该是td
5 年多之前 回复
 <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>
lsjh21
lsjh21 你的也是正确的,而且很详细,万分谢谢。。。。
5 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐