我如何用多個元素的相同元素id更改css

Question

我有相同ID的多個div，我想要改變所有div backgorund。

function myfun(id) {
$('#pinsss').css({ background: "#0066ff"} );
}

這個腳本適用於第一個元素和其他不工作的腳本。

Answer 1

ID應該是唯一的，並且頁面上只有一個元素應該具有給定的ID。 嘗試使用類來代替。

Answer 2

注意：請記住，id是唯一的。 一個元素可以有一個id，它應該與其他元素不同。 如果你可以使用類，而不是id。 因為，類可以用於任意數量的元素。

 #one{ width:100px; height:100px; margin:50px; border:4px solid orange; } #two{ width:100px; height:100px; margin:50px; border:8px solid red; } #three{ width:100px; height:100px; margin:50px; border:6px solid blue; } .all{ background-color:pink; }

 <html> <head> <title></title> </head> <div class="all" id="one"></div> <div class="all" id="two"></div> <div class="all" id="three"></div> <body> </body> </html>

像上面的代碼一樣，每個div都有unique id但同一個class ，如果對class進行任何更改，那將影響all，它具有相同的類，名稱。 但是id不同，樣式僅適用於聲明的id 。

Answer 3

首先，你不應該為所有元素使用相同的id，id應該是唯一的元素，

你應該在這種情況下使用class，因為你想要為多個元素共享相同的行為，你可以通過使用class來實現這一點，

Answer 4

嘗試為每個元素使用不同的Id。

function myfun(firstId) {
$('#pinsss').css({ background: "#0066ff"} );
}

function myfun(secondId) {
$('#pinsss').css({ background: "#0066ff"} );
}

我如何用多個元素的相同元素id更改css

問題描述

4 個解決方案

解決方案1
2 2016-08-22 15:44:32

解決方案2
1 已采納 2016-08-22 15:57:33

解決方案3
0 2016-08-22 15:50:50

解決方案4
0 2016-08-22 15:54:16

我如何用多個元素的相同元素id更改css

問題描述

4 個解決方案

解決方案1 2 2016-08-22 15:44:32

解決方案2 1 已采納 2016-08-22 15:57:33

解決方案3 0 2016-08-22 15:50:50

解決方案4 0 2016-08-22 15:54:16

解決方案1
2 2016-08-22 15:44:32

解決方案2
1 已采納 2016-08-22 15:57:33

解決方案3
0 2016-08-22 15:50:50

解決方案4
0 2016-08-22 15:54:16