点击当前的p标签,弹出相对应的元素下标
1.效果图
2.代码
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="js/jquery.js"></script>
<style>
p{
width: 100px;
height: 20px;
background-color: lightsalmon;
}
</style>
</head>
<body>
<h2>点击当前的p标签,弹出相对应的元素下标</h2>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<script>
$(function () {
$("p").click(function () {
alert($(this).index())
})
});
</script>
</body>
</html>