1、打开html开发工具,新建一个html代码页面。
2、在html页面创建三个p标签,给这三个p标签设置不同的内容。
3、引入jquery库。在title标签后面引用下载好的jquery.js文件。
4、 在jquery引用库标签后面新建一个script标签,在这个标签里面添加一个DOM加载完成后执行函数。
5、在DOM加载完成后执行函数里面添加点击p标签时获取当前元素的上一个元素对象。
6、保存html代码后使用浏览器打开,点击p标签弹出框就会显示当前点击标签的上一个标签的内容。
jQuery 的 index() 方法返回指定元素相对于其他指定元素的 index 位置,因此可用于获取当前li元素顺序。注意index是从0开始计数的,所以index+1才是实际的顺序。
$("li").click(function() {示例代码如下
创建Html元素
<div class="box">设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}编写jquery代码
$(function(){观察效果
这样你就可以获取你点击的当前是那个li的顺序了,切记Index是从0开始计数的。