2

WordPressのインストールでcontact-form-pluginを実行しています。すべてが正常に機能しますが、フォームをもう少しスタイル設定したいと思います。このようにするには、いくつかのDIV（プラグインが処理している）を別の方法でスタイル設定する必要があります。問題は次のとおりです。すべてのDIVコンテナにはIDまたはクラスがありません。すべてがプラグインによって処理され、私のPHPスキルはゼロのようなものなので、この「裸の」DIVを処理する必要があります;-)

問題は、JavaScriptを介して現在のサイトの各DIVにシリアル番号の付いたクラスを追加することは可能ですか？

これまでのところありがとう、そして私はあなたが私が意味することを願っています（そのくだらない英語でごめんなさい）！

4

3 に答える 3

3

.attr さらに別の方法として、 [docs]にコールバックを渡します。

$('div').attr('class', function(i) {
    return 'someClass' + i;
});

代わりにこれをIDに使用することもできますが、各クラスは一意になるためです。

要素を選択するためにIDやクラスを使用する必要はないことに注意してください。必要な要素への参照を取得できるセレクターとトラバーサルメソッドがいくつかあります。

既存のクラスがオーバーライドされないようにするには、クラスのない要素のみを選択するか、何らかの方法でsの選択を必要な要素のみに絞り込みdivます。

$('div:not([class])')

または：の代わりに.addClass [docs].attrを使用してください：

$('div').addClass(function(i) {
    return 'someClass' + i;
});
于 2012-10-18T17:20:36.770 に答える
1

このようなものが必要です、

ライブデモ

$('div').each(function(i, item){
    $(this).attr('class', "YourClass" + i); //You can replace i with some other variable if required and increment it.
});
于 2012-10-18T17:10:31.367 に答える
1

あなたはこれを行うことができます：

var divs = document.getElementsByTagName("div");
var className = "myClass";
for( var i = 0, max = divs.length; i< max; i++ ){
 divs[i].setAttribute("class",className + i.toString());
}
于 2012-10-18T17:11:11.920 に答える