在Javascript(JQuery Mobile)中创建的表中应用css样式
我有一个使用PHP和Javascript动态创建的表。现在,我正在尝试设置最后一个在Javascript(JQuery Mobile)中创建的表中应用css样式,javascript,php,css,html-table,Javascript,Php,Css,Html Table,我有一个使用PHP和Javascript动态创建的表。现在,我正在尝试设置最后一个的样式以添加填充和边框,但它不起作用 我怎样才能继续?我需要调用一些元素,比如trigger('create')或其他 我的部分代码: $.ajax ( { beforeSend: function() { $.mobile.showPageLoadingMsg(); }, //Show spinner complete: function() { $.mobile.hidePage
的样式以添加填充和边框,但它不起作用
我怎样才能继续?我需要调用一些元素,比如trigger('create')或其他
我的部分代码:
$.ajax ( {
beforeSend: function() { $.mobile.showPageLoadingMsg(); }, //Show spinner
complete: function() { $.mobile.hidePageLoadingMsg() }, //Hide spinner
url: "http://www.someweb.com/somePHP.php",
dataType: "json",
success: function (data, textStatus, jqXHR) {
for(var i = 0; i< data[1].length;i++){
table += "<tr><td>"+data[1][i].mon_da+"</td>";
table += "<td>"+Number(data[1][i].mon_qu).toFixed(2)+"€</td>";
table += "<td>"+data[1][i].mon_con+"</td></tr>";
}
table += "<tr style='border:1px solid;padding-top:20px;'><td colspan='2'><b>Disp:</b></td><td><b>"+Number(data[0].usr_to).toFixed(2)+"€</b></td></tr>";
document.getElementById("tableMo").innerHTML = table;
}
});
$.ajax({
beforeSend:function(){$.mobile.showPageLoadingMsg();},//显示微调器
完成:函数(){$.mobile.hidePageLoadingMsg()},//隐藏微调器
url:“http://www.someweb.com/somePHP.php",
数据类型:“json”,
成功:函数(数据、文本状态、jqXHR){
对于(var i=0;i
你可以
我个人更喜欢在tr
中添加一个类,并在CSS文件中处理JS外部的样式
HTML
<tr class="stylish">
<td colspan='2'><b>Disp:</b></td>
<td><b>"+Number(data[0].usr_to).toFixed(2)+"€</b></td>
</tr>
您可以通过id获取table元素,然后使用javascript添加CSS样式属性: 例如:
document.getElementById("tableMo").style.border = "1px solid black";
document.getElementById("tableMo").style.padding = "10px";
查看一些DOM样式教程,它可能会对您有所帮助
一种方法是将类添加到
tr
标记中,如下所示:
table += "<tr class='rowStyle'><td>"+data[1][i].mon_da+"</td>";
只要给它一个ID:
$(obj).attr('id','tableID');
现在就做它的风格
尽管这是一个冗长的方法
希望这有帮助:)您可以使用jquery css选择器来实现这一点有什么不起作用?谢谢,这是解决我问题的最佳方案。它起作用了;D$('tr:last child').css('border','1px solid#000');
var obj = $('.rowStyle').closest('table');
$(obj).attr('id','tableID');