jquery - 切换图像 jquery mobile

Question

我有一个可折叠的集合，并且我已将其添加listview到每个可折叠的集合中。

list view我正在动态创建如下

var li = '<li data-icon="false" data-theme="a" ><h5><img src="unselected.png" width="auto" height="3%" >' + row['Date'] + '</h5></li>';     

我想image button在点击时切换list item，我正在这样做

$('ul').children('li').off('click').on('click', function () {
    var currentimg = $(this).find('img').attr('src');
    if (currentimg == "unselected.png") {
        $(this).find('img').attr('src', 'selected.png');
    } else {
        $(this).find('img').attr('src', 'unselected.png');
    }
});     

现在我list view只有一个项目应该有selected.png其他应该有的unselected.png，我该怎么做？

谢谢：）

Answer 1

工作示例：http: //jsfiddle.net/Gajotres/3H4g8/

$(document).on('pagebeforeshow', '#index', function(){ 
    $('ul').children('li').off('click').on('click', function () {
        var clickedItem = $('ul li').index(this);
        var currentimg = $(this).find('img').attr('src');
        if (currentimg == "http://beaglehappy.com/wp-content/uploads/2012/03/beagle-puppy-training-50x50.jpg") {
            $(this).find('img').attr('src', 'http://profile-a.xx.fbcdn.net/hprofile-snc6/276874_259622770824534_1630725890_q.jpg');
        } else {
            $(this).find('img').attr('src', 'http://beaglehappy.com/wp-content/uploads/2012/03/beagle-puppy-training-50x50.jpg');
        }

        $( "li" ).each(function( index ) {
            var loopLi = $(this);            
            if(clickedItem != index) {              
                loopLi.find('img').attr('src', 'http://profile-a.xx.fbcdn.net/hprofile-snc6/276874_259622770824534_1630725890_q.jpg');
            }
        });         

    });      
});