Question

我在服务器端建立了一个jquery数据表，其中包含标题行和随后的tr，td

                                    <table id="referralList" class="table table-striped table-bordered table-hover">
                                    <thead>
                                        <tr>
                                            <th><div class="checkbox abc-checkbox"><input type="checkbox" class="dt-checkboxes"><label></label></div></th>
                                            <th>Referral Id</th>
                                            <th>Practice</th>
                                            <th>Patient</th>
                                            <th>Type</th>
                                            <th>NHI</th>
                                            <th>Injury Site</th>
                                            <th>Age</th>
                                            <th>Referral Date</th>
                                            <th>Contact</th>
                                                <th></th>
                                        </tr>
                                    </thead>
                                    <tbody class="ackbutton">
                                            <tr id="69b9fb6c-ba8c-43e5-99bf-84c89aca27f3" role="row">
                                                <td><div class="checkbox abc-checkbox abc-checkbox-success"><input name="69b9fb6c-ba8c-43e5-99bf-84c89aca27f3" type="checkbox" class="dt-checkboxes"><label></label></div></td>
                                                <td>
                                                    <a class="xbtn xbtn-success" name="69b9fb6c-ba8c-43e5-99bf-84c89aca27f3" data-toggle="modal" data-target="#modal-69b9fb6c-ba8c-43e5-99bf-84c89aca27f3">HTI1034</a>
                                                </td>
                                                <td>Test Practice</td>
                                                <td>SAMPLE Test</td>
                                                <td>MRI</td>
                                                <td>ZXX0032</td>
                                                <td>C-Spine</td>
                                                <td>32</td>
                                                <td><span class="hide">20180925120000</span>25 Sep 2018</td>
                                                <td>02122222222</td>
                                                    <td>
                                                        <button type="button" class="btn btn-success btn-sm" id="69b9fb6c-ba8c-43e5-99bf-84c89aca27f3">Acknowledge</button>
                                                    </td>
                                            </tr>
                                            <tr id="cc6c8709-d22f-de71-e6a1-ee8c4c9eaaf7" role="row">
                                                <td><div class="checkbox abc-checkbox abc-checkbox-success"><input name="cc6c8709-d22f-de71-e6a1-ee8c4c9eaaf7" type="checkbox" class="dt-checkboxes"><label></label></div></td>
                                                <td>
                                                    <a class="xbtn xbtn-success" name="cc6c8709-d22f-de71-e6a1-ee8c4c9eaaf7" data-toggle="modal" data-target="#modal-cc6c8709-d22f-de71-e6a1-ee8c4c9eaaf7">HTI8114265</a>
                                                </td>
                                                <td>ABC Medical Centre</td>
                                                <td>WALTER White</td>
                                                <td>MRI</td>
                                                <td>JZZ3427</td>
                                                <td>L-SPINE</td>
                                                <td>60</td>
                                                <td><span class="hide">20170805083806</span>05 Aug 2017</td>
                                                <td>05-123-3456</td>
                                                    <td>
                                                        <button type="button" class="btn btn-success btn-sm" id="cc6c8709-d22f-de71-e6a1-ee8c4c9eaaf7">Acknowledge</button>
                                                    </td>

                                            </tr>
                                    </tbody>
                                </table>

我设法使用以下方法从表格行的“确认”按钮中动态删除了一行

table.api().row($(this).parents('tr')).remove().draw(false);

哪个效果很好。

我想实现的两件事

例如，在找到具有guid id的正确行之后，便能够从单元格中检索数据。
执行“删除行”（如上所述），方法是首先使用容器guid找到该行，然后将其删除。

谢谢

Answer 1

坚持不懈地使用Chrome控制台后，我得到了我的问题的答案。

可能这可以省去尝试实现类似目标的人员。我不确定这是否是最好的方法，但是它是否有效。

问题1

 var retrievedValue = $(table.api().row(#id_of_the_row).data()[1])[0].innerHTML;

问题2

table.api().row(#id_of_the_row).remove().draw(false);

真的很容易...

数据表按键值定位行。检索内容并删除行

1 个答案: