jquery怎么获取当前节点的前一个节点

JavaScript029

jquery怎么获取当前节点的前一个节点,第1张

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

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

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

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

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

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

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

首先,父节点是相对于HTML文档的DOM树而言的。如下面的HTML:

<html>

<head></head>

<body>

    <div id="id1">

        <div id="id2">

        </div>

    </div>

</body>

</html>

在这个HTML的DOM树里面,id2这个div节点的父节点是id1这个div,页id1这个div的父节点是body。

一般来说,每个元素都有一个父节点,有0到多个子节点。

而Javascript中,修改一个DOM节点的外观,是通过修改这个DOM节点对象的属性来实现的。

例如:

var div2 = document.getElementById('id2')// 取id=id2这个节点

var div1 = div2.parentNode// div2的父节点,也就是id1这个div节点。

div1.style.border = '1px solid red'// 把div1的边框设置为1像素实线红边框

所以,应该是通过修改某对象本身的属性来实现这个对象外观的设置(并非通过修改子节点的属性,如xxx.parentNode.style.display = 'block'只是通过xxx.parentNode来引用到xxx父节点,最终修改的是父节点的属性,跟xxx没啥关系)

获取目标元素的方法很多,例如取子节点:div1.childNodes,(取div1的子节点列表)

关于HTML及Javascript的学习,网上有很多资料,可以看一下。例如:

W3School:  http://www.w3school.com.cn/html/index.asp