您的位置:首页 > Web前端 > JQuery

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

jquery使用find,parent,children,next,prev等方法返回的是一个DOM 元素集合的 jQuery 对象
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: