Question

我有相同ID的多个div，我希望改变所有div backgorund。

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

这个脚本适用于第一个元素和其他不工作的元素。

Answer 1

ID应该是唯一的，并且页面上只有一个元素应该具有给定的ID。尝试使用课程。

Answer 2

注意：请记住，ID是唯一的。一个元素可以有一个id，它应该与其他元素不同。如果你可以使用类，而不是id。因为，class可以用于任意数量的元素。

＆＃13;

#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;
  }

＆＃13;

<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>

＆＃13;

与上面的代码一样，每个div都有unique id。但class如果对class进行任何更改，则会对所有人产生影响，同一个班级，名字。但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 个答案: