列1 列2 列3
checkbox1 值1 值2 值3checkbox2 值4 值5 值6checkbox3 值7 值8 值9比如我点击了checkbox1 想获取跟checkbox1 同行的 列3 值3 jquery如何获取到?
$("input[type='checkbox'][name='test']").each(function(){
if(this.checked){ var text = $(this).eq(3).text(); alert("text=="+text);
}
});这样不行啊!
<td><input type="checkbox" name="test" value="1"></td>
<td>值1</td>
<td>值2</td>
<td>值3</td>
</tr></table>
$(':checkbox').click(function(){
alert($(this).parents('tr').children().eq(3).html());
});
})
一修改dom结构 代码要跟着改
不如在渲染的时候
生成对应关系
某一行 对应先关的那条数据.......................
<tr>
<td><input type="checkbox" name="test" value="1"></td>
<td>值11</td>
<td>值12</td>
<td>值13</td>
</tr>
<tr>
<td><input type="checkbox" name="test" value="1"></td>
<td>值21</td>
<td>值22</td>
<td>值23</td>
</tr>
<tr>
<td><input type="checkbox" name="test" value="1"></td>
<td>值31</td>
<td>值32</td>
<td>值33</td>
</tr>
</table>
<input type="button" value="获取选择行的值" onclick="getValue()"/>
<script type="text/javascript" src="http://www.coding123.net/js/jquery.js"></script>
<script>
function getValue(){
var v=$("input[type='checkbox'][name='test']:checked").closest('tr').find('td:eq(3)').map(function(){return this.innerHTML}).get().join();
alert(v)
}
</script>