Question

我想为所有这些div元素设置相同的css：

    <div id="Some_id_1"></div>
    <div id="Some_id_2"></div>
    <div id="Some_id_3"></div>

我该怎么做？感谢。

Answer 1

您应该可以使用jQuery Attribute Starts With Selector:

<强>用法：

$('[attribute^="value"]')

示例，满足您的需求：

$('div[id^="Some_id_"]').each(function(){
    $(this).css('property','value');
});

这对于动态设置这些属性非常有用，但是如果您只是在静态意义上设置它们，我建议您只将class="your_class"应用于所有div。

可在此处找到工作演示：

Demo

Answer 2

将它们作为类的所有成员，然后使用类选择器。

<div class="some_class" id="Some_id_1"></div>
<div class="some_class" id="Some_id_2"></div>
<div class="some_class" id="Some_id_3"></div>

.some_class {
    line-height: 1.1;
}

Answer 3

如果可能，请为您的div上课：

<div id="Some_id_1" class="newClass"></div>
<div id="Some_id_2" class="newClass"></div>
<div id="Some_id_3" class="newClass"></div>

然后选择该类并使用css()修改css：

$(".newClass").css("color","red");

...

不知道你的代码，我也会抛出更适合某些应用程序的addClass()。

$("div").addClass("newClass");

上面的示例将向ANY div添加一个类，因此您必须使用对您的项目有意义的选择器，然后只需要一些现有的css：

.newClass { color: red }

Answer 4

要对具有相同ID的所有元素使用相同的样式，请将其设为

.yourClass {
  line-height: 1.1;
}

$('[id^="Some_id_"]').each(function(){
    $(this).addClass("yourClass");
});

jQuery使用startswith common string按ID选择多个div元素

4 个答案: