使用jQuery/JavaScript修改HTML表格

我有一个HTML页面有一个div和表格。然后我有一个PHP脚本，它可以打印表格的HTML。无论如何，表格将不会被修改。我的print命令是否包含某种特殊字符或者是否有其他可能的原因？使用jQuery/JavaScript修改HTML表格

我有以下的jQuery代码index.html文件：

$(document).ready(function(){ 
    setInterval(function() { 
    var kaavio = 106; 

    jQuery.post("search.php", { 
     kaavio: kaavio 
    }).done(function(data) { 
     $('#check').html(data); 
    }); 
    }, 6000); 
});

下面是index.html文件的HTML：

<div id="check"></div> 
<table id="paikka59"></table>

我也有一个PHP文件搜索。 PHP和这里是它的代码：

print "<script>document.getElementById('paikka59').innerHTML = '<tr><td class=\"pisteet\" style=\"border-top:2px solid #16B2B4;padding:0\"><a href=\"#\" class=\"painike painike-pisteet hae-muokattavaksi\" data-kilpailu=\"106\" data-kaavio=\"106\" data-kaaviokierros=\"11\" data-kaaviopaikka=\"59\" data-ab=\"A\" data-ottelu=\"181510\" data-muokattava=\"pisteet\"></a></td><td class=\"nimi\" style=\"border-top:2px solid #16B2B4;padding:0\"><a href=\"#\" class=\"painike painike-hae-muokattavaksi hae-muokattavaksi\" data-kilpailu=\"106\" data-kaavio=\"106\" data-kaaviokierros=\"11\" data-kaaviopaikka=\"59\" data-ab=\"A\" data-ottelu=\"181510\" data-muokattava=\"nimi\">2888 Salmi Risto</a></td><td class=\"tasoitus\" style=\"border-top:2px solid #16B2B4;padding:0\"><a href=\"#\" class=\"painike painike-hae-muokattavaksi\"></a></td></tr>  <tr><td class=\"pisteet\" style=\"padding:0\"><a href=\"#\" class=\"painike painike-pisteet hae-muokattavaksi\" data-kilpailu=\"106\" data-kaavio=\"106\" data-kaaviokierros=\"11\" data-kaaviopaikka=\"59\" data-ab=\"B\" data-ottelu=\"181510\" data-muokattava=\"pisteet\"></a></td><td class=\"nimi\" style=\"padding:0\"><a href=\"#\" class=\"painike painike-hae-muokattavaksi hae-muokattavaksi\" data-kilpailu=\"106\" data-kaavio=\"106\" data-kaaviokierros=\"11\" data-kaaviopaikka=\"59\" data-ab=\"B\" data-ottelu=\"181510\" data-muokattava=\"nimi\">2893 Rantanen Mikko</a></td><td class=\"tasoitus\" style=\"padding:0\"><a href=\"#\" class=\"painike painike-hae-muokattavaksi\"></a></td></tr>  <tr><td class=\"pelimuoto\"><!-- a --><a href=\"#\" class=\"painike painike-pelimuoto hae-muokattavaksi\" data-kilpailu=\"106\" data-kaavio=\"106\" data-kaaviokierros=\"11\" data-kaaviopaikka=\"59\" data-ab=\"\" data-ottelu=\"181510\" data-muokattava=\"voittopisteet\"></a></td><td class=\"ajankohta\"><!-- b --><a href=\"#\" class=\"painike hae-muokattavaksi\" data-kilpailu=\"106\" data-kaavio=\"106\" data-kaaviokierros=\"11\" data-kaaviopaikka=\"59\" data-ab=\"\" data-ottelu=\"181510\" data-muokattava=\"biljardipoyta\">Pöytä -</a><a href=\"#\" class=\"painike hae-muokattavaksi\" data-kaavio=\"106\" data-kaaviopaikka=\"59\" data-pelitapa=\"aika\">Ei aikataulutettu</a></td><td class=\"toiminnot\"><!-- c --><a href=\"#\" class=\"painike painike-toiminnot-play hae-muokattavaksi\" data-kilpailu=\"106\" data-kaavio=\"106\" data-kaaviokierros=\"11\" data-kaaviopaikka=\"59\" data-ab=\"\" data-ottelu=\"181510\" data-muokattava=\"ottelualoitus\"></a></td></tr>');</script>";

来源

2017-05-08 xms

'print“

双引号在这里创建一个问题。

打印字符串可以取出

print "<script>alert('<tr><td class="  // rest all code will be skipped

使用\”，在这样的情况下终止。您的打印statemnet会变得像

print "<script>alert('<tr><td class=\"pisteet\" ... </tr>');</script>";

一件事，你不能添加内部警报HTML标签（）。只能将明文插入到alert（），confirm（）和prompt（）框中。

看看下面的线程： HTML Tags in Javascript Alert() method

来源

2017-05-08 17:23:09

谢谢，我解决了这个问题。没有问题了。 – xms

wc :)所以它在使用后解决了。“right？ –

我仍然有问题请看看我更新的问题 – xms

使用jQuery/JavaScript修改HTML表格

相关问题