如何在jquery mobile中更改行的颜色

Question

，您好

请告诉我如何在用户选择行时更改jquery mobile中行的颜色。行的上半部分是可选择的。当用户选择行时，我需要它变为绿色。但是，我的问题是我需要选择标题（这也是绿色而不是整行）在字段下方与白色相同。我连续制作了一个列表视图，我有标题（灰色）和段落标记（白色）。当用户选择一行时，我需要将灰色字段的颜色更改为绿色以及将白色更改为白色。

这里是小提琴 http://jsfiddle.net/LxvyU/2/

$(document).ready(function () {
    for(var i=0;i<name.length;i++){
        $('#folderData').append('<li class="rowclick" id="'+i+'"><h3>'+name[i]+'</h3><p>'+address[i]+'</p></li>');
    }

    // Refreshing the list
    $('#folderData').listview('refresh');
}); 
$(document).on('click','.rowclick',function(){
    alert(this.id);
});

Answer 1

CSS

 .selected{
  background:green;
 }

Javascript

$(document).on('click','.rowclick',function(){
  $('.ui-li-heading').removeClass('selected');
  $(this).find('.ui-li-heading').addClass('selected');    
});