вызывая html id, затем класс

Question

Можно ли вызвать html-класс с определенным идентификатором, потому что на данный момент у меня есть такая же функциональность в моем классе, тогда мне нужно вытащить его через класс + id, чтобы быть конкретным.

У меня есть кнопка, которая заполняет данные в моей таблице:

<button type="button" onclick="loadData()">Get Data</button>

и у меня есть две таблицы с одинаковым именем класса:

<table class="sortable" id="1">
    <thead>
        <tr>
            <th>Last Name</th>
            <th>Age</th>
        </tr>
    </thead>
    <tbody>    
        <tr>
            <td></td>
            <td></td>
        </tr>

    </tbody>
</table>


  <table class="sortable" id="2">
    <thead>
        <tr>
            <th>First Name</th>
            <th>Age</th>
        </tr>
    </thead>
    <tbody>    
        <tr>
            <td></td>
            <td></td>
        </tr>

    </tbody>
</table>

Моя цель - обновить только первую таблицу с идентификатором 1. потому что сейчас, когда я нажал кнопку, они обновятся, поскольку у них одинаковое имя класса. Возможно ли, если они могут определить по имени класса + идентификатор?

вот мое обновление:

 function loadData() {        

 $.ajax({
        url: '/Home/ReadDB',
        type: 'GET',

    dataType: 'json',
    success: function (data) {
        var row = '';
        $.each(data, function (i, item) {
            row += '<tr><td>' + item.LName + '</td><td>' + item.age
                + '</td><td>' + '<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"> Add </button >' + '</td></tr>';

        });
        console.log(row)
        $('.sortable tbody').html(row); // --This one overrides my previous result and want to identify by id            
    },
    error: function (jqXhr, textStatus, errorThrown) {
        alert(errorThrown);
    }
});

}

Answer 1

Сначала измените свое имя, пожалуйста, прочитайте этот ответ https://stackoverflow.com/a/70586/2724173

и затем объединить их вот так

$('.sortable#IDname tbody').html(row);

Answer 2

Попробуйте это

$.('#1.sortable tbody').html(row);

Answer 3

Simple:

var firstTable = $('.sortable[id="1"]');
console.log(firstTable);