JSjQuery parent,next,prev的使用例子
2017-08-18 19:43
330 查看
<table>
<tr>
<td><input id='ti_0_1' value="value_ti_0_1"/><input id='ti_1' value="value_ti_1"/></td>
<td><input id='ti_0_2' value="value_ti_0_2"/><input id='ti_2' value="value_ti_2"/></td>
<td><input id='ti_0_3' value="value_ti_0_3"/><input id='ti_3' value="value_ti_3"/></td>
<td><input id='ti_0_4' value="value_ti_0_4"/><input id='ti_4' value="value_ti_4"/></td>
<tr>
</table>
//取当前对象的父对象的上一个节点的上一个节点的值的第一个对象的值
$($(item).parent().prev().prev().children()[0]).attr('value'); //item为ti_0_3对象,则取的是value_ti_0_1
//取当前对象的父对象的下一个节点的第一个对象的值
$($(input).parent().next().children()[1]).val(""); //item为ti_0_3对象,则取的是value_ti_4
<tr>
<td><input id='ti_0_1' value="value_ti_0_1"/><input id='ti_1' value="value_ti_1"/></td>
<td><input id='ti_0_2' value="value_ti_0_2"/><input id='ti_2' value="value_ti_2"/></td>
<td><input id='ti_0_3' value="value_ti_0_3"/><input id='ti_3' value="value_ti_3"/></td>
<td><input id='ti_0_4' value="value_ti_0_4"/><input id='ti_4' value="value_ti_4"/></td>
<tr>
</table>
//取当前对象的父对象的上一个节点的上一个节点的值的第一个对象的值
$($(item).parent().prev().prev().children()[0]).attr('value'); //item为ti_0_3对象,则取的是value_ti_0_1
//取当前对象的父对象的下一个节点的第一个对象的值
$($(input).parent().next().children()[1]).val(""); //item为ti_0_3对象,则取的是value_ti_4
jquery使用find,parent,children,next,prev等方法返回的是一个DOM 元素集合的 jQuery 对象
相关文章推荐
- jquery使用find,parent,children,next,prev等方法判断取得值是否为空的方法
- 使用js,Jquery 禁用浏览器的back 和 next 按钮:
- jquery遍历元素children、find、parent、parents、parentsUntil、next、prev、siblings、closest、filter、not
- jquery.validation.js 表单验证 完整例子使用
- jQuery 中插件的使用与开发---附全部源码(含 jQuery1.3.2 for VS 的智能提示js文件)
- xslt中使用js(ajax)例子
- 优秀js开源框架-jQuery使用手册(1)
- jQuery 中插件的使用与开发---附全部源码(含 jQuery1.3.2 for VS 的智能提示js文件)
- jquery.validate.js 验证例子
- prototype.js ,ajax部分使用例子
- [转载]STL算法:prev_permutation和next_permutation的使用
- jQuery 中插件的使用与开发---附全部源码(含 jQuery1.3.2 for VS 的智能提示js文件)
- 操作select的jquery插件 注意:使用时请保持JS文件的编码和你程序的编码一致...
- jquery imgareaselect 使用利用js与程序结合实现图片剪切
- 在使用jQuery+HTML+Javascript的简单例子---很容易的制作双色表格
- jquery按需加载js和css插件使用说明
- 优秀js开源框架-jQuery使用手册(3)
- JQuery.js学习(1)使用JQuery实现全选和反选
- 优秀js开源框架-jQuery使用手册(4)
- ASPX多服务器控件下使用Jquery.validate.js