點擊DIV，修改第二個p元素的背景色爲橘色

時間 2020-12-03

標籤 javascript css html java jquery this spa code htm blog 欄目 CSS 简体版

原文原文鏈接

GIF動態效果圖：

代碼部分：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-3.3.1.js"></script>
</head>
<body>
<div>
    <p>我是第一個p元素</p>
    <p>我是第二個p元素</p>
    <p>我是第三個p元素</p>

</div>
<script type="text/javascript">
    $(function(){
        $("div").on("click",function(){
            $(this).find("p:nth-child(2)").css("background","orange");
        });
    });
</script>

</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。