Когда он достигает линии this.parentNode.removeChild(this);
ParentNode не определено для тр
Я получаю ошибку
this.parentNode неопределен
В отладчике я паузу в начале этого заявления и посмотрите, что «это»: Object[ tr#CMD01.selected ]
, что я и ожидаю. Как parentNode неопределен? Я много искал похожие проблемы и продолжаю искать случаи, когда «это» неверно, но в моем случае это проверяется отладчиком.
$(document).ready(function() {
\t $.fn.deleteThisRow = function() {
\t \t this.parentNode.removeChild(this);
\t };
});
function deleteRow() {
\t $("#theList tr.selected").deleteThisRow();
}
.selected {
\t \t background-color: yellow
\t } \t
<body>
\t <center id='bg'>
\t <table id="cmdList">
\t \t <thead>
\t \t \t <tr id="hdrow">
\t \t \t \t <th>Col1</th>
\t \t \t \t <th>Col2</th>
\t \t \t \t <th>Col3</th>
\t \t \t </tr>
\t \t </thead>
\t \t <tbody id="theList">
\t \t \t <tr id="CMD00">
\t \t \t \t <td>A1</td>
\t \t \t \t <td>A2</td>
\t \t \t \t <td>A3</td>
\t \t \t </tr>
\t \t \t <tr id="CMD01" class="selected">
\t \t \t \t <td>B1</td>
\t \t \t \t <td>B2</td>
\t \t \t \t <td>B3</td>
\t \t \t </tr>
\t \t \t <tr id="CMD02">
\t \t \t \t <td>C1</td>
\t \t \t \t <td>C2</td>
\t \t \t \t <td>C3</td>
\t \t \t </tr>
\t \t </tbody>
\t </table>
\t <table id="buttons">
\t \t <tr>
\t \t \t <td>
\t \t \t \t <button onclick='deleteRow()'>Delete</button>
\t \t \t </td>
\t \t </tr>
\t </table>
\t </center>
</body>
'this.remove()' будет работать - см. Ответ jfriend00 за то, почему ваш код не работает. –