Image JQueryMobile-在代码中更改缩略图src

我使用的是jQueryMobile1.4.0，它有一个包含缩略图的列表视图菜单（divl1star、divl2star等）

我想根据一系列标准更改缩略图源

我的问题是，我看不到如何更改缩略图。我正试图修改代码末尾脚本中的'src'attr，但失败了。在控制台中看不到任何错误。我觉得这个解决方案非常简单，我认为我试图访问img src的方式是不正确的

非常感谢您的帮助

<div data-role="page" id="mainmenu" data-theme="a">

    <ul data-role="listview" data-inset="true" id="divIdlevelList">
        <li data-icon="false" id="listL1"><a href="#menulevelone"><img id="divl1star" src="../img/icons/star0.png" class="ui-li-thumb"><h3>l1</h3><p>l1text</p></a></li>
        <li data-icon="false" id="listL2"><a href="#menuleveltwo"><img src="../img/icons/star0.png" id="divl2star" class="ui-li-thumb">l2<p>l2text</p></a></li>
        <li data-icon="false" id="listL3"><a href="level3.html"><img src="../img/icons/star0.png" id="divl3star" class="ui-li-thumb">l3<p>l3text</p></a></li>
        <li data-icon="false" id="listL4"><a href="level4.html"><img src="../img/icons/star0.png" id="divl4star" class="ui-li-thumb">l4<p>l4text</p></a></li>
        <li data-icon="false" id="listL5"><a href="level5.html"><img src="../img/icons/star0.png" id="divl5star" class="ui-li-thumb">l5<p>l5text</p></a></li>       
    </ul>


    <script>
        $("#divl1star").attr('src', '../img/icons/star2.png');
    </script>
</div>

$（“#divl1star”）.attr（'src'，'../img/icons/star2.png'）；
奥马尔指出，我的代码中有一个愚蠢的错误。我用的是div1star而不是div1star。
div11star你是说？什么时候调用js代码？对不起，是的，divl1star。目前，更新缩略图的js脚本代码被调用，如图所示，出于测试原因。omar-我在代码中输入了div1star而不是divl1star。改变它的工作。。。愚蠢的错误。谢谢你发现了！它不会以这种方式工作，将代码包装在
$（document）.on（“pagecreate”，function（）{code}）。