Javascript 将webapp标题上的图标更改为其他图标

我正在使用jquery mobile开发一个webapp，我希望在单击它以获得另一个图标时能够更改右侧图标。例如，我在代码中嵌入了一个音频文件，该文件具有“autoplay”属性，因此它会在页面加载后立即启动，但我希望单击音量静音图标，并将其更改为带有交叉符号的静音图标，让用户知道有一种方法可以通过单击或关闭它来收听背景声音。如果你们有任何人知道我可以实现这样的目标。非常感谢

查看此演示

尝试单击右侧音量图标

JQUERY

---

你是说listview吗？你好，Yeyene，谢谢你提供了正确的代码来实现这一点。这正是我需要的。我已经在我的应用程序中实现了它，它工作得非常完美！！！在我接受你的回答之前，我想问一下你是否知道任何网站的源代码或链接，在这些源代码或链接中，你可以获得面向移动的代码片段，从而赋予应用程序更多的生命，并使其更具dinamic，以供用户体验。请查看JQM（）、旧版本演示（）、最新的平面版本演示（）

$('#volume').on('click', function(){
    var name = $(this).children('img').attr('src');
    if (name == 'http://www.flaticon.com/png/256/498.png')
        $(this).children('img').attr('src','http://www.flaticon.com/png/256/8785.png');
    else
        $(this).children('img').attr('src','http://www.flaticon.com/png/256/498.png');
});