将类分配给具有不同ID的多个DIVS,而不指定每个

时间:2011-08-09 13:50:29

标签: jquery css

我刚刚了解到一个对象只能有一个ID,所以我不确定如何继续使用它。

我怎样才能将css类分配给共享某个属性的所有div(除非我指定的DIV,否则不能是ID,因为我需要其他标签)?我可以通过从div中删除这个特定的ID来实现这一点我不想改变然后将类添加到具有该“id”的所有DIVS ...但是我仍然不知道如何识别这些div当我需要使用ID标签的时候。 谢谢:))

我之所以想要这个:

我有5个按钮; 当我单击其中一个包含其他按钮的所有其他4个DIVS将被禁用,除了这个带有此按钮的DIV。我不希望每个按钮都具有以下功能: 按钮1 { Disable1设定 Disable2设定 disable3 禁用4 每个......

而是 按钮1 { 使自己变量2 禁用所有VARIABLE 1 }

希望能清除一切:)


感谢大家的回答,所有人都解决了我想知道的问题:)

4 个答案:

答案 0 :(得分:2)

使用class属性。 每个div

的ID必须是唯一的

例如:

<div id="myDiv1" class="someClass">
</div>

<div id="myDiv2" class="someClass">
</div>

相同的班级,不同的ID

答案 1 :(得分:1)

只使用一个div可能有很多css类的功能。 您可以检查div是否具有类“共享类”,如果是,则添加另一个。 多个类的正确语法是用空格分隔它们,例如

  <div class="shared anotherClass andAnotherClass">

这个div有三个类: 分享 2. anotherClass 3.和另一个类

你也可以将任何css规则应用于对象,只要它们具有所有类,例如:

.shared.anotherClass {background:red;}

将适用于

  <div class="shared anotherClass">

但不会应用于

  <div class="shared">

,也不

  <div class="anotherClass">

答案 2 :(得分:1)

对象(元素)不仅可以只有一个id,而且id也只能分配给一个元素。所以你不能给所有这些div同样的id。

您可以使用class属性。这是为了这个目的,因为元素可以具有多个类,并且允许多个元素共享相同的类。

<div id="id1" class="specialDiv"> ... </div>
<div id="id2" class="specialDiv"> ... </div>

然后使用类选择器(使用.代替#):

$('.specialDiv').hide();

或者,您可以使用包含所有ID的选择器,如下所示:

$('#id1, #id2, #id3').addClass('specialDiv');

答案 3 :(得分:1)

有很多方法可以做到这一点。你应该学习基本的jquery机制 - selectors。 简单的例子:

<div id='container'>
  <div id='child1'>Child1</div>
  <div id='child2'>Child2</div>
  <div id='child3'>Child3</div>
</div>
...
accessing via JS:
//this will set css attr to child1...child3 divs
$('#container div').css('border-width', '1px');