简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
rgb(255, 0, 0)不是紅顏色嗎，有三個p標籤不同背景色的，為什麼只回傳第一個紅色的？
益伦
益伦 2017-10-08 17:58:10
0
2
2000
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
        $(document).ready(function(){
            $("button").click(function(){
                alert("背景颜色 = " + $("p").css("background-color"));
            });
        });
    </script>
</head>
<body>
<h2>这是一个标题</h2>
<p style="background-color:#ff0000">这是一个段落。</p>
<p style="background-color:#00ff00">这是一个段落。</p>
<p style="background-color:#0000ff">这是一个段落。</p>
<button>返回 p 元素的 background-color </button>
</body>
</html>

為什麼回傳的結果是：背景顏色 = rgb(255, 0, 0)  ？

rgb(255, 0, 0)不是紅顏色嗎，有三個p標籤不同背景色的，為什麼只回傳第一個紅色的？


益伦
益伦

全部回覆(2)
环海如星
环海如星2017-10-10 19:06:35 2樓

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

#    <meta charset="utf-8">

    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">

    </script>

# <。 ## $("p").each(function(i){

alert($(this).css("background-color"));

})

            });

        });

    </script>

</head> ;body>

<h2>這是標題</h2>

<p style="background-color:#ff0000">這是一段。 </p>

<p style="background-color:#00ff00">這是一個段落。 </p>

<p style="background-color:#0000ff">這是一個段落。 </p>

<button>傳回p 元素的background-color </button>

</body>

</html>

應該要這麼寫，因為他只會取值的第一個background-color，需要each都循環一遍！

點贊 +0
新增回覆
ringa_lee
ringa_lee2017-10-09 09:27:08 1樓

你這需要each遍歷一下

點贊 +0
新增回覆
  • 回覆 不明白，能說詳細一點嗎，小白剛學
    益伦 作者 2017-10-09 19:26:11
熱門專題
更多>
熱門文章
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！