1,Jquery $(this)选择其子对象及复选框是否选中控制,2,find方法的运用

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);               })

效果: