Loading...

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

–>

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

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

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

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

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

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

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

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

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

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

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

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

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

相关函数示例:

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

© 版权声明

相关文章