JQuery Mobile：为JQM样式元素添加其他类

Question

我想在JQM的列表分隔符<li>中添加一个类：

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

我在HTML doc中使用JQuery完成了这项工作：

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

但是，这似乎根本没有将类添加到元素中。如果我在浏览器中检查元素，我看不到添加customClass。

有没有人知道这样做的正确方法而不进入JQM库的内容？

（注意：cusomClass的样式表链接在JQM样式表下面）

Answer 1

DEMO，http://jsfiddle.net/yeyene/5kfnT/4/ ...尝试评论开/关并查看.addClass脚本以查看效果。

使用.each（）函数。

JQUERY

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

你的CSS

.customClass {
    background:red !important;
}

截图