javascript基础(六): 获取节点实例 jquery获取当前节点的前一个节点

jquery获取当前节点的前一个节点步骤如下:

1、打开html开发工具,新建一来个html代码页面。

2、在html页面创建三个p标签,然后给这三个p标签设置不同的2113内容。

3、引入jquery库。在title标签后5261面引用下载好的jquery.js文件。

4、 在jquery引用库标签后面新建一个script标签,然后在这个标签里面添加一个DOM加载4102完成后执行函数。

5、在DOM加载完成后执行函数里面添加点击p标签时获取当前元素的上一个元素对象。

6、保存html代码后使用浏览器打开,然后点击p标签弹出框就会1653显示当前点击标签的上一个标签的内容。

相关函数示例:

$('.test').parent();//父节点

$('.test').parents();//全部父节点

$('.test').parents('.test1');//含有类名.test1的父节点

$('.test').children();//全部子节点

$('.test').children('li');//元素为li的全部子节点

$('.test').prev();//上一个兄弟节点

$('.test').prevAll();//之前所有兄弟节点

$('.test').next();//下一个兄弟节点

$('.test').nextAll();//之后所有兄弟节点

$('.test').siblings();//所有兄弟节点

$('.test').siblings('.test1');//含有类名.test1的所有兄弟节点

$('.test').find('.test1');//返回被选元素含有类名为.test1的所有后代元素;(返回全部用 * ,多个参数用 , 隔开)

$('.test').contents();//返回元素里面所有内容,包括文本和节点

$('.test').contents('.test1');

原文地址:https://www.cnblogs.com/qiu-hua/p/13022271.html