简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Ist rgb(255, 0, 0) nicht rot? Es gibt drei p-Tags mit unterschiedlichen Hintergrundfarben. Warum wird nur das erste rote zurückgegeben?
益伦
益伦 2017-10-08 17:58:10
0
2
2056
<!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>

Warum ist das zurückgegebene Ergebnis: Hintergrundfarbe = rgb(255, 0, 0)?

rgb(255, 0, 0) ist nicht rot. Es gibt drei p-Tags mit unterschiedlichen Hintergrundfarben. Warum wird nur das erste rote zurückgegeben?


益伦
益伦

Antworte allen(2)
环海如星
环海如星2017-10-10 19:06:35 2 Etage

<!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(){

$("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都循环一遍！

Wie +0
Antwort hinzufügen
ringa_lee
ringa_lee2017-10-09 09:27:08 1 Etage

你这需要each遍历一下

Wie +0
Antwort hinzufügen
  • Antwort 不明白，能说详细一点吗，小白刚学
    益伦 Autor 2017-10-09 19:26:11
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！