问题描述
- 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:javacomtest1.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:javacomtest2.java</label></td> </tr>
解决方案
parent改成parents
$(this).parent();找到的应该是
解决方案二:
<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:javacomtest1.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:javacomtest2.java</label></td> </tr> <table> <input type='button' value='查找' onclick='find()'/></body> </html>
时间: 2024-10-26 19:12:54