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
本文来源 互联网收集，文章内容系作者个人观点，不代表 本站 对观点赞同或支持。如需转载，请注明文章来源,如您发现有涉嫌抄袭侵权的内容，请联系本站核实处理。