checkboxes em tabelas diferentes

<style>
    table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
    }

    td, th {
        border: 1px solid #dddddd;
        text-align: left;
        padding: 8px;
    }

    tr:nth-child(even) {
        background-color: #dddddd;
    }
</style>

<table id="tabela1">
    <thead>
        <tr>
            <th><input type="checkbox" class="checkTodos" name="checkTodos">Selecionar Todos</th>
            <th>Nome</th>
            <th>E-mail</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><input type="checkbox" value='' name=""/></td>
            <td>Fulano de Tal</td>
            <td>[email protected]</td>
        <tr>
            <td><input type="checkbox" value='' name=""/></td>
            <td>Ciclano</td>
            <td>[email protected]</td>
        </tr>
     </tbody>
</table>

<table id="tabela2">
    <thead>
    <tr>
        <th><input type="checkbox" class="checkTodos" name="checkTodos">Selecionar Todos</th>
        <th>Nome</th>
        <th>E-mail</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td><input type="checkbox" value='' name=""/></td>
        <td>Beltrano de Tal</td>
        <td>[email protected]</td>
    <tr>
        <td><input type="checkbox" value='' name=""/></td>
        <td>Pafuncio</td>
        <td>[email protected]</td>
    </tr>
    </tbody>
</table>



<script>
    $(".checkTodos").click(function () {

        let tabela = $(this)[0]['offsetParent']['offsetParent']['id'];

        $("#"+tabela).find('input:checkbox').prop('checked', $(this).prop("checked"));

    });
</script>