jquery parent 选择器

实例1：

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <script type="text/javascript" src="/jquery/jquery.js"></script>
 5 </head>
 6 
 7 <body>
 8 
 9 <div><p>Hello</p></div>
10 <div class="selected"><p>Hello Again</p></div>
11 
12 <script>
13 $("p").parent(".selected").css("background", "yellow");
14 </script>
15 
16 </body>
17 </html>

实例2:

 1 <tr onclick="setRowIndex(this);" style='display:none' >
 2 <td >
 3 <select style="width: 100%;" name="materialName" class="button_ui">
 4 <option value="盘纸">盘纸</option>
 5 <option value="水松纸">水松纸</option>
 6 </select>
 7 </td>
 8 <td >
 9 <span id="iscorrespond" onclick="swap(this);">√</span>
10 </td>
11 <td >
12 <span id="isbumps" onclick="swap(this);">√</span>
13 </td> 
14 <td >
15 <input type="text" name="sendid" value="" style="font-size:12pt;" size="7"/>
16 </td>
17 <td >
18 <input type="text" name="checkid" value="" onclick="" style="font-size:12pt;background-color=#EEEEE7;"size="7" readonly disabled/>
19 </td>
20 <td >
21 <input type="text" name="checktime" value="" onclick="gettime(this)" style="width:160px;font-size:12pt;background-color=#EEEEE7;" size="7" readonly disabled/>
22 </td>
23 <td>
24 <select style="width: 100%;" name="status" class="button_ui" disabled>
25 <option value="0">新增</option>
26 <option value="1">送料完成</option>
27 <option value="2">核对完成</option>
28 </select>
29 </td>
30 <td>
31 <input type="button" value="保存" onclick="save(this);"/>
32 </td>
33 </tr>
34 
35 //确定&保存
36 function save(v)
37 {
38 if(!window.confirm("确认保存？")){ return; }
39 //获取本次保存的内容
40 var dv = v;
41 var $v = $(dv);
42 //材料名称
43 var materialName = $v.parent().parent().find("select").val();
44 alert(materialName);
45 }

posted @ 2013-05-14 10:11 畅想由我--我的空间听我的阅读(302) 评论(0) 收藏举报

刷新页面返回顶部