Question

我有很少的潜水相同，但他们有不同的div ID。有没有办法使用某种选择器将CSS样式应用于所有div ID，这是跨浏览器兼容的？我的HTML看起来像这样

<div id="field_0_dd"></div>
<div id="field_1_dd"></div>
<div id="field_2_dd"></div>
<div id="field_3_dd"></div>
<div id="field_4_dd"></div>
<div id="field_5_dd"></div>

谢谢堆：）

Answer 1

您可以使用属性选择器（^=是以选择器开头，而$=是以选择器结尾）：

$('div[id^="field_"][id$="_dd"]')

虽然拥有这么多唯一ID很难管理。给他们一个班级。

Answer 2

如果您正在寻找匹配正则表达式的CSS选择器，那么我认为您无法以跨浏览器兼容的方式获取它（尽管CSS2 Attribute Selectors with Regex允许您选择，例如所有< em>开始与field_。不支持IE＆lt; = 6，但你去了。

然而，jQuery具有过滤功能，可用于轻松完成此任务：

$('div')
    .filter(function() {
        return this.id.match(/field_\d+dd/);
    })
    .html("Matched!")
;

Answer 3

请给他们所有同一个班级！

<div class="common-class" id="field_0_dd"></div>
<div class="common-class" id="field_1_dd"></div>
<div class="common-class" id="field_2_dd"></div>
<div class="common-class" id="field_3_dd"></div>
<div class="common-class" id="field_4_dd"></div>
<div class="common-class" id="field_5_dd"></div>


.common-class{background:green;margin:auto;etc}

Answer 4

可以做

执行此操作：http://jsfiddle.net/uznDG/ 或
添加一个班级** http://jsfiddle.net/JH4QQ/
他们：http://jsfiddle.net/ZXBQM/

或其他几个下面。

希望它适合原因:)

<强>码

$(document).ready(function() {
   $('div').css('color','green');

});

Answer 5

The starts with selector.

$('div[id^=field_]')

Answer 6

添加class，然后选择它。

e.g。 class = "dummy"

和jquery

$('.dummy') ...无论你想要什么，例如$('.dummy').css('color','red')

Answer 7

$('div[id^="field"]').addClass('styleyouwant');

在你的CSS中

.styleyouwant{

/**styles here**/
}

使用单个css选择器选择多个div ID

7 个答案: