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

Javascript 如何在jquery mobile中更改行的颜色,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,嗨 您能告诉我当用户选择行时,如何在jquery mobile中更改行的颜色吗。行的上部是可选择的。当用户选择行时,我需要它变为绿色。但是,我的问题是,我需要在字段下方选择与白色相同的标题(太绿而不是整行)。我在一行中创建了一个列表视图,我有标题(灰色)和段落标记(白色)。当用户选择一行时,我需要将灰色区域的颜色更改为绿色,以及将白色更改为白色 这是小提琴 $(文档).ready(函数(){ 对于(var i=0;iCSS Javascript $(document).ready(functi

您能告诉我当用户选择行时,如何在jquery mobile中更改行的颜色吗。行的上部是可选择的。当用户选择行时,我需要它变为绿色。但是,我的问题是,我需要在字段下方选择与白色相同的标题(太绿而不是整行)。我在一行中创建了一个列表视图,我有标题(灰色)和段落标记(白色)。当用户选择一行时,我需要将灰色区域的颜色更改为绿色,以及将白色更改为白色

这是小提琴

$(文档).ready(函数(){
对于(var i=0;iCSS

Javascript

$(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);
});
 .selected{
  background:green;
 }
$(document).on('click','.rowclick',function(){
  $('.ui-li-heading').removeClass('selected');
  $(this).find('.ui-li-heading').addClass('selected');    
});