0

JQM のリスト ディバイダーにクラスを追加したい<li>:

<li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-bar-e ui-first-child">A</li>`

HTMLドキュメント内でJQueryを使用してこれを行いました：

<script type="text/javascript">
                document.addEventListener("deviceready", function(){
                    $('.ui-li-divider').addClass('customClass');
                });
</script>

ただし、これはクラスを要素にまったく追加していないようです。ブラウザ内で要素を調べると、要素がcustomClass追加されていません。

JQMライブラリの内部に入らずにこれを行う正しい方法を知っている人はいますか?

(注: cusomClassJQM スタイル シートの下にリンクされているスタイル シートがあります)

4

1 に答える 1

0

デモはこちら、http://jsfiddle.net/yeyene/5kfnT/4/ ...コメントのオン/オフを試し、.addClassスクリプトを見て効果を確認してください。

.each() 関数を使用します。

Jクエリ

$(document).ready(function(){
    $("ul .ui-li-divider").each( function () {
        $(this).addClass('customClass');
    });
});

あなたのCSS

.customClass {
    background:red !important;
}

スクリーンショット

ここに画像の説明を入力

于 2013-06-14T02:52:27.913 に答える