我正在尝试使用 jquery 从表中删除 tr
我这样称呼它 wherefile
是一个包含 id 的变量tr
$('table .report_table_list tr #'+file).remove();
为什么它不起作用?
表样
<table id="desktop_tablel" class="patientselect_desktop report_table_list">
<thead style="overflow-y: scroll; display: table; table-layout: fixed; width: calc(100% - 1px);">
<tr class="header">
<th style="width: 300px;" class="header_cell nobreak">Report name</th>
<th style="width: 125px;" class="header_cell nobreak">Date created</th>
<th style="width: 30px;" class="header_cell nobreak"></th>
</tr>
</thead>
<tbody id="reportsummary" class="desktop" style="overflow: auto; height: 200px; display: block;">
<tr id="Ward_Round_Summary-17-01-2018_15-05.html" data-report="Ward_Round_Summary-17-01-2018_15-05.html" class="select data-row odd">
<td style="width: 300px;" data-report="Ward_Round_Summary-17-01-2018_15-05.html" class="listing_cell open_report">
<div class="plCell_desktop">
<label>Ward_Round_Summary</label>
</div>
</td>
<td style="width: 125px;" data-report="Ward_Round_Summary-17-01-2018_15-05.html" class="listing_cell open_report">
<div class="plCell_desktop">
<label>17-01-2018 15:05</label>
</div>
</td>
<td style="width: 30px;" class="listing_cell">
<div class="">
<input data-report="Ward_Round_Summary-17-01-2018_15-05.html" type="button" class="removeButton buttons delete_report" value="x">
</div>
</td>
</tr>
</tbody>
</table>
查询
function reportDelete(file) {
var folder = "/reports/process/";
$.ajax({
url: '../deleteReport.php',
data: {'folder':folder,'file' : file },
success: function (response) {
console.log("success",file); // file contains -> Ward_Round_Summary-17-01-2018_15-05.html
$('#'+file).remove(); // does not work
$('table .report_table_list tr #'+file).remove(); // does not work
},
error: function () {
}
});
}
空格字符在选择器中具有特定含义。例如,这个选择器:
'table .report_table_list'
要寻找任何元素与类report_table_list
内的一个<table>
元素。但这不是您的 HTML 所拥有的。在您的 HTML 中,<table>
元素本身具有该类。这将是:
'table.report_table_list'
ID 选择器也是如此。一旦两者都得到纠正,你会得到这个:
'table.report_table_list tr#'+file
不过,由于id
是(或至少应该是)独一无二的,您可以将整个事情简化为:
'#'+file
编辑:在额外调试时,看起来选择器也被值中的.
字符混淆file
:
'#Ward_Round_Summary-17-01-2018_15-05.html'
选择器认为它是附加到末尾的类说明符。由于在 an 中.
是允许的id
,我们只需要对字符进行转义。您可能需要调整file
来自何处或进行一些字符串操作以转义字符,但此选择器有效:
'#Ward_Round_Summary-17-01-2018_15-05\\.html'
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句