html
<table >
<thead>
<tr>
<th><input type="checkbox" name="resource" id="selectAll" value=" " />
</th>
<th>序号</th>
<th>资源名称 </th>
</tr>
</thead>
<tbody id ="tBody">
<tr>
<td>
<input type="checkbox" />
</td>
<td>111</td>
<td>111</td>
<td>111</td>
</tr>
</tbody>
</table>
如果现在$(this)代表tbody中的行,现在我想取第一个单元格中复选框的值。可以通过find()来查找。
var checkBox = $(this).find("input");//得到复选框
//令复选框选中状态与原来相反,其中!是一个亮点。
$(this).find("input").prop("checked",!checkBox.prop("checked"));
//添加与移除样式(背景颜色)
if(checkBox.prop("checked")){
$(this).css("background-color","#337ab7");
}else{
$(this).removeAttr("style");
}
此外find 方法里面可以放选择器,可以根据name,id等等查找.
e.g:
//选择$str下name为goodsName的元素
$str.find("[name='goodsName']").val("test");
或者
//选择$str下input中name为goodsName的元素
$str.find("input[name='goodsName']").val(item.name_e.id);
实例:
//易制毒品种类数量
var goods = data.precursorInfos;
$.each(goods,function (index,item) {
$str= $("<tr>" +
"" +"<td> " +
" <select name='goodsName' class='form-control' >"+
"<option value='' selected='selected'>请选择品种</option>"+
"<c:forEach var='var' items='${requestScope.dangerousType }'>"+
"<option value='${var.id}'>${var.keyValue}</option>"+
"</c:forEach>"+
"</select>" +
"</td>" +
"<td>111</td>" +
"<td>111</td>"+
"</tr>");
$("#goodsInfo_update").append($str);
$str.find("[name='goodsName']").val(item.name_e.id);
})
效果: