2

PHP と Javascript を使用して動的に作成されたテーブルがあります。今、パディングとボーダーを追加するために最後のスタイルを設定しようとして<tr>いますが、うまくいきません。

どうすれば続行できますか？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)+"€&lt;/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)+"€&lt;/b></td></tr>";
            document.getElementById("tableMo").innerHTML = table;
        }
    });
4

4 に答える 4

3

<tr>そのような にスタイルを適用することはできません。

代わりに s に適用してみてください。<td>

tr個人的には、にクラスを追加し、スタイルを CSS ファイルで JS の外部で処理することを好みます。

jsフィドル

HTML

<tr class="stylish">
    <td colspan='2'><b>Disp:</b></td>
    <td><b>"+Number(data[0].usr_to).toFixed(2)+"€&lt;/b></td>
</tr>

CSS

.stylish td {
    border:1px solid #000;
    padding-top:20px;
}
.stylish td:first-child {
    border-right:0;
}
.stylish td:last-child {
    border-left:0;
}
于 2013-04-10T07:31:39.850 に答える