在jquery中,获得当前节点的前一个节点,主要使用prev()方法。下面小编以获谀薜频扰得当前节点的前一个节点的标签内容为例,讲解jquery怎么获取当前节点的前一个节点。
工具/原料
html+jquery
代码编辑器:DreamweaverCS5
方法/步骤
1、新建一个html文件,命名为test.html,用于讲解jquery怎么获取当前节点的前一个节点。
2、在test.html文件内,在div标签内,使用p标签创建一个节点,同时也使用span标签创建一个节点。
3、在test.html文件内,设置span标签的id为myspan,把它作为当前节点,下面将通过id来获得该节点对象。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获得前一个节点名称”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getperv()函数。
6、在js标签中,创建getperv()函数,在函数内,通过id(myspan)获得s圬桦孰礅pan标签对象,使用prev()方法获得前一个节盼内溲铫点,再使用text()方法获得前一个节点的标签内容。最后,使用alert()方法将获得的内容输出。
7、在浏览器打开test.html文件,点击按钮,查看实现的效果。