为什么用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>
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:\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>