jQuery选择checkbox =“checked”输出
1 <p>@{ Layout = null; }</p> 2 <script type="text/javascript" src="http://www.cnblogs.com/~/Script/js/assert.js"></script> 3 <script type="text/javascript" src="http://www.cnblogs.com/~/Script/js/jquery-2.1.1.min.js"></script> 4 <p>Index</p> 5 <div> 6 <table class="choseClass"> 7 <tbody> 8 <tr> 9 <td><input title="点我点我点我" type="checkbox" /></td> 10 <td>北京</td> 11 <td>二狗子</td> 12 </tr> 13 <tr> 14 <td><input title="戳我戳我戳我" type="checkbox" /></td> 15 <td>吉林</td> 16 <td>大好人</td> 17 </tr> 18 <tr> 19 <td><input title="怼我怼我怼我" type="checkbox" /></td> 20 <td>绵阳</td> 21 <td>唐唐唐</td> 22 </tr> 23 </tbody> 24 </table> 25 <button id="btn1">点击输出</button></div> 26 <script type="text/javascript">// <![CDATA[ 27 $(function () { 28 $('#btn1').click(function() { 29 var content = $('.choseClass tr').find('input:checked').parents("tr"); 30 content.each(function() { 31 console.log(this.children[1].innerHTML + " ———— " + this.children[2].innerHTML);32 }); 33 }); 34 35 }); 36 37 // ]]></script>
点击输出 checkbox属性为checked的tr 的 地点+姓名 (在控制台输出)
$('.choseClass tr').find('input:checked').parents("tr");
选择class为choseClass元素下的tr,找到 其input中有checked属性的,然后获取当前对象的父级tr
console.log(this.children[1].innerHTML + "----" + this.children[2].innerHTML);
输出:当前对象的第二个子元素 "------" 当前对象的第三个子元素
ps:感谢~唐二狗--绵阳