JQuery CSS：我需要添加一个css样式类到我的表中的按钮。

我需要添加一个css样式类到我的表中的按钮。JQuery CSS：我需要添加一个css样式类到我的表中的按钮。

有2个问题，我面对：

1）如果我添加使用

document.getElementById('btn11').style.color="blue";

的颜色/类蓝色仅被施加到第一行按钮。

2）如何在var中添加Google材质设计按钮？

 ex: var buttonVar = ('<md-button id="btn11">'+"Clicking"+'</md-button>');

PLZ建议

success: function (data) { 
    var trHTML = ''; 
    $.each(data, function (i, item) { 

     if(data[i].test_progress=="Complete") 
     { 

     var buttonVar = ('<button id="btn11">'+"Clicking"+'</button>'); 
     } 
     else 
      { 
     var buttonVar = ('<button id="btn12">'+"Stoping"+'</button>'); 
      } 


     trHTML += '<tr><td>' + data[i].test_type + 
     '</td><td>' + data[i].device_id + 
     '</td><td>' + data[i].make + '&nbsp'+data[i].model+ 
     '</td><td>' + data[i].stack_name + 
     '</td><td>' + data[i].suite_name + 
     '</td><td>' + data[i].test_progress + '<br>&nbsp&nbsp&nbsp&nbsp'+data[i].tests_run+'/'+data[i].total_tests+ 
     '</td><td>' + data[i].start_time + 
     '</td><td>' + data[i].end_time + 
     '</td><td>' + buttonVar + 
     '</td></tr>'; 
     }); 
    $('#test1').append(trHTML); 

     document.getElementById('btn11').style.color="blue"; 
//document.getElementById('btn11').style.className='md-primary md-raised'; 
     // $('btn11').addClass('action-button'); 

      $(document).on('click', '#btn11', function(event) { 
      alert("The paragraph was clicked."+ i); 
      }); 

      $(document).on('click', '#btn12', function(event) { 
      alert("The paragraph was not clicked."+i); 
      }); 

}

来源

2015-09-27 prj

1）您的HTML中不能有更多的项目使用相同的'id'。对于多个项目，您必须使用'class'。 – Nonemoticoner

你不应该使用一个以上的元素，每个页面相同的ID。对于这种功能给你的按钮类btn11和btn12，并使用该

document.getElementsByClassName('btn11').style.color="blue";

更新与该类别的所有按钮的颜色。

材料设计按钮只是一个普通按钮（<button>）或链接（a）与自定义css样式。使用物化主题，你可以做到这一点

<a class="waves-effect waves-light btn">Stuff</a>

例如，但它都取决于您使用的CSS框架。

来源

2015-09-27 21:58:51

JQuery CSS：我需要添加一个css样式类到我的表中的按钮。

回答

相关问题