Estoy tratando de eliminar solo la fila (todo el <tr></tr> ) que el usuario quiere eliminar. Marque la casilla de verificación y luego haga clic en Delete . Mi código jquery a continuación elimina toda la tabla en lugar de la fila que el usuario desea eliminar al hacer clic en Delete .

¿Cómo puedo hacer que el usuario elimine solo la fila que desea eliminar?

Mi código jquery está dentro de un $document.on('click')... gigante.

Aquí está mi tabla:

 <tr> <td><input type="checkbox" class="question-manager-id" value="7052"></td> <td>7052</td> <td class="anchor-looking-no-bottom edit-question" data-url="http://localhost.test/games/7052">Some data</td> <td>Text</td> <td>Math</td> <td>20</td> <td>math vocab</td> <td> <label class="switch"> <input type="checkbox" data-id="7052" class="question-manager-enabled-toggle" checked=""> <span class="toggle-slider round"></span> </label> </td> <td> <button class="button small delete-question alert" data-id="7052">Delete</button> </td> </tr>

Aquí está mi jquery (he agregado la variable questionId en caso de que pueda usarla de alguna manera para eliminar solo la fila elegida por el usuario):

 let questionId = $('.question-manager-id:checked').val(); // returns 7052 $('button.delete-question').closest('tr').remove();