0

さまざまなレベルの巨大なチェックボックスリストがあり、スタイルを設定したいのですが、すべてのアイテムが同じクラスであり、ワードプレスのIDまたは連絡先フォーム7にはチェックボックスパネルにサブレベルを作成するオプションがないため、これを達成できると思いましたjqueryで。

生成されるhtmlは次のとおりです。

<span class="wpcf7-list-item-label">--- Checkbox level one</span>
<span class="wpcf7-list-item-label">------ Checkbox level two</span>

私が達成しようとしているのは、置き換えることです

<span class="wpcf7-list-item-label">---

と

<span class="wpcf7-list-item-label level-one">

このコードで試してみました

 <script>
    $("<span class=\"wpcf7-list-item-label\">---").replaceWith( "<span class=\"wpcf7-list-item-label level-one\">" );
    </script>

しかし、成功しなかった場合、jqueryでこれを達成することは可能ですか？

御時間ありがとうございます。

4

3 に答える 3

4 
$('span.wpcf7-list-item-label:first').addClass("level-one")

インデックスに基づいてすべてのスパンにクラスを追加する場合：

$('span.wpcf7-list-item-label').each(function(index){
    $(this).addClass('level-' + index);
});
于 2012-06-18T08:39:48.557 に答える
2

これを使って ：

$('.wpcf7-list-item-label').first().addClass('level-one');

特定のテキストをチェックするために、

$(".wpcf7-list-item-label:contains('---')").addClass('level-one');
于 2012-06-18T08:39:14.690 に答える
1

これを使って：

$('.wpcf7-list-item-label').first().removeClass("existingclass").addClass("newclass");
于 2012-06-18T08:43:06.560 に答える