0

我很少有相同的潜水，但它们有不同的 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>

谢谢大家:)

4

7 回答 7

3

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

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

尽管拥有这么多唯一 ID 很难管理。也给他们上课。

于 2012-10-17T03:15:08.307 回答
3

如果您正在寻找与正则表达式匹配的 CSS 选择器，那么我认为您无法以跨浏览器兼容的方式获得它（尽管带有 Regex 的 CSS2 属性选择器允许您选择，例如以.开头field_的所有内容）受 IE<=6 支持，但你去）。

但是，jQuery 具有过滤功能，可以使用它轻松完成此操作：

$('div')
    .filter(function() {
        return this.id.match(/field_\d+dd/);
    })
    .html("Matched!")
;
于 2012-10-17T03:16:53.867 回答
2

只给他们上同一堂课！

<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}
于 2012-10-17T03:28:28.903 回答
1

添加一个class然后选择它。

例如class = "dummy"

在jQuery中

$('.dummy')...任何你想要的，例如$('.dummy').css('color','red')

于 2012-10-17T03:14:44.567 回答
1 
$('div[id^="field"]').addClass('styleyouwant');

在你的 CSS 中

.styleyouwant{

/**styles here**/
}
于 2012-10-17T03:15:45.180 回答
1

能做

或下面的其他几个。

希望它适合原因:)

代码

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

});
于 2012-10-17T03:14:09.020 回答
1

以选择器开头。 

$('div[id^=field_]')
于 2012-10-17T03:14:21.917 回答