get element by data attribute

I have this html structure:

<table id="table">
   <tr data-id="3">
      <td>08.09.2021</td>
      <td><div class="btnDelete">Delete</div></td>
   </tr>
</table>

and this onclick function:

var myID = 3;
$(".btnDelete").click(function() {
    
   console.log(
      $('#table').parents('tr').find("[data-id='" + myID + "']").html()
   )

})

Result will be "undefined".
I would like to get the html part of <tr data-id="3"> and search this element by the data attribute "data-id". But my way doesn’t work.

Where is my mistake?

>Solution :

Here is your error:

  $('#table').parents('tr').find("[data-id='" + myID + "']").html()

That should be:

  $('#table').find("[data-id='" + myID + "']").html()