To delete a row in a table using jQuery, you can use the remove() function.

Assuming your HTML looks something like this:

php
<table id="myTable">
  <tr>
    <td>Row 1, Column 1</td>
    <td>Row 1, Column 2</td>
    <td><button class="delete-row">Delete Row</button></td>
  </tr>
  <tr>
    <td>Row 2, Column 1</td>
    <td>Row 2, Column 2</td>
    <td><button class="delete-row">Delete Row</button></td>
  </tr>
  <tr>
    <td>Row 3, Column 1</td>
    <td>Row 3, Column 2</td>
    <td><button class="delete-row">Delete Row</button></td>
  </tr>
</table>

You can use the following jQuery code to delete a row when the "Delete Row" button is clicked:

javascript
$(document).ready(function() {
  $('.delete-row').click(function() {
    $(this).closest('tr').remove();
  });
});

This code attaches a click event handler to all elements with the class "delete-row". When the button is clicked, the closest() function is used to find the nearest ancestor tr element and remove it with the remove() function.

The closest() function is a jQuery method that allows you to find the closest ancestor of a selected element that matches a specified selector.

When called on a jQuery object that represents a selected element, closest() travels up the DOM tree, starting with the selected element itself, and finds the first ancestor that matches the specified selector. If no ancestor matches the selector, closest() returns an empty jQuery object.

In the example code I provided, the closest() function is used to find the closest ancestor tr element of the button that was clicked. The selector 'tr' is passed as an argument to closest() to specify that we want to find the closest tr element. Once the closest tr element is found, the remove() function is called to delete it from the DOM.

Here is an example of how closest() can be used:

javascript
<div class="container">
  <div class="parent">
    <div class="child">
      <button class="my-button">Click Me</button>
    </div>
  </div>
</div>

<script>
$(document).ready(function() {
  $('.my-button').click(function() {
    var closestParent = $(this).closest('.parent');
    console.log(closestParent.attr('class'));
  });
});
</script>

In this example, the closest() function is used to find the closest ancestor element with the class "parent" of the button that was clicked. Once the closest parent element is found, its class attribute is logged to the console. If the button with class "my-button" is clicked, the output of this script will be:

parent

because the closest ancestor element of the button with the class "parent" is the div element with the class "parent".