如何使用 dom（数据表）进行操作？答案

【问题标题】：how to manipulate with dom (datatable)?如何使用 dom（数据表）进行操作？
【发布时间】：2018-07-11 15:18:30
【问题描述】：

我正在开展一个项目，我们向用户显示每年的数据摘要，在该摘要中，他们将看到每年的总数据。（计数行）。

当用户点击“+”图标时，他将看到当年的数据。

假设我点击 2013：

IMG：data summery of the year 2013

现在介绍它的工作原理：当有人点击 + 图标时，

function view_data(year)
{
$.ajax({
            url: "data_summary_year.php",
            type: "POST",
            data:'&year='+year,
            success: function(response)
            {
                // console.log(response);
                 $('#text-inputs').removeClass('hidden');
                document.getElementById("show_year_data").innerHTML = response;
                document.getElementById("year_show").innerHTML = year;
            }
       });
}

在 data_summary_year.php 中

    <?php
require_once "../database/db.php";

     $year = $_POST['year'];

     $db_handle = new DBController();

    $db_handle->conn->set_charset("utf8");

    $data = $db_handle->runQuery("SELECT `id`, `DocNo`, `DName` WHERE `RDate` = '$year'");


if(!empty($data))
{
         foreach($data as $k=>$v)
         {

                 echo "
                         <tr>

                            <th>".$data[$k]['id']."</th>

                            <th>".$data[$k]['dateofexecution']."</th>

                            <th>".$data[$k]['RDate']."</th>

                           //trying to show less data same like this one --"--

                            </tr>";

        }
}


?>

当我收到来自 ajax 成功的 response 时，我只需将该数据发送到 <tbody>。

您可以在2013年数据摘要图片中查看结果。

我的问题：当我在数据表中搜索某些内容时，它什么也没有显示，因为数据表正在使用 dom，而我在 <tbody> 上发送的数据不在 dom 中。

我的搜索图片：https://screenshots.firefox.com/q1pKZZ8o38YTOXZg/localhost

现在我可以显示结果，但用户无法搜索任何内容；任何建议将不胜感激。

【问题讨论】：

标签： javascript jquery ajax dom datatable

【解决方案1】：

您使用的是来自 datatables.net 的插件吗？如果是这样，你可以绑定到表上的search event，并写一些JS来搜索另一个表的标记。由于它不是一个组合表，因此插件不会搜索两个表。

其他表是否使用相同的插件？您可能会触发该数据表以相同的方式进行搜索...

【讨论】：