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

Question

我正在使用 jquerymobile 1.4.0 并且有一个包含缩略图（divl1star、divl2star 等）的列表视图菜单

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

我的问题是我看不到如何更改缩略图。我正在尝试更改修改代码末尾脚本中看到的“src”属性，但这无法正常工作。在控制台中没有看到错误。我觉得这个解决方案很简单，我认为我尝试访问 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>

Answer 1

Omar 指出，我的代码中有一个愚蠢的错误。我使用#div1star 而不是#divl1star。