0

同一のダイビングはほとんどありませんが、divIDが異なります。クロスブラウザ互換のセレクターを使用して、すべてのdiv IDにCSSスタイルを適用する方法はありますか？私の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

出来ました

または以下の他のいくつか。

それが原因に合うことを願っています:)

コード

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

});
于 2012-10-17T03:14:09.020 に答える
1

セレクターから始まります。 

$('div[id^=field_]')
于 2012-10-17T03:14:21.917 に答える
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 に答える