点击当前的p标签,弹出相对应的元素下标 (点击第一个p元素,弹出0,点击第二个p元素,弹出1)

GIF图:html

 

 

 

代码:jquery

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<script>
$("p").on("click",function(){
    alert($(this).text()-1);
});

</script>

</body>
</html>
相关文章
相关标签/搜索