Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Javascript(JQuery Mobile)中创建的表中应用css样式_Javascript_Php_Css_Html Table - Fatal编程技术网

在Javascript(JQuery Mobile)中创建的表中应用css样式

在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

我有一个使用PHP和Javascript动态创建的表。现在,我正在尝试设置最后一个
的样式以添加填充和边框,但它不起作用

我怎样才能继续?我需要调用一些元素,比如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');