jquery - JQuery Mobile：向 JQM 样式元素添加附加类

Question

我想在 JQM 的 list divider 中添加一个类<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 库的内容？

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

Answer 1

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

使用 .each() 函数。

查询

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

你的 CSS

.customClass {
    background:red !important;
}

截屏