Установить данные внутри div на основе идентификатора ячейки таблицы?

У меня есть несколько таблиц на моем экране. Каждая таблица находится в отдельном div-контейнере. После вызова ajax у меня есть логика, которая будет проверять идентификатор контейнера и перебирать каждую таблицу td. У меня есть две таблицы, в которых я должен установить данные внутри div, которые деформируются в ячейке td. Вот мой пример:

<div id="container1">
    <table class="tblData">
        <tr>
            <th colspan="3">Comments</th>
        </tr>
        <tr>
            <td colspan="3" id="a1_comment"><div class="textScroll" id="a1_comment2" style="overflow-y:scroll; height:140px;"></div></td>
        <tr>
    </table>
</div>

<div id="container2">
    <table class="tblData">
        <tr>
            <th colspan="3">Comments</th>
        </tr>
        <tr>
            <td colspan="3" id="a2_comment"><div class="textScroll" id="a2_comment2" style="overflow-y:scroll; height:140px;"></div></td>
        <tr>
    </table>
</div>

Вот мой код JQuery:

$('#'+tabID+' table tr td').each(function(){
    var value = $.trim(decodeURIComponent(obj.DATA[$(this).prop('id').toUpperCase()]));
    var id = ((tabID == 'container1' && $(this).prop('id') == 'a1_comment') || (tabID == 'container2' && $(this).prop('id') == 'a2_comment')) ? $('.textScroll') : $(this);
    id.text(value).css({'color':'blue','font-weight':'bold'});
});

Код выше проверял, является ли он контейнером 1 или 2, а затем проверял указанный идентификатор. В этом случае данные были установлены в элемент на основе класса. Это вызовет некоторые проблемы в случае, если данные из одного контейнера будут отображаться в другом. Чтобы предотвратить это, я хотел бы использовать идентификатор div в каждом контейнере. Есть ли простой способ сделать это в JQuery?

Если container1 и идентификатор a1_comment, то установите данные в div с идентификатором a1_comment2. И наоборот для контейнера 2.

Вот пример для объекта DATA, который возвращается после вызова Ajax:

Это для контейнера 1: DATA":{"A1_COMMENT":"Some data"}

Контейнер 2: DATA":{"A2_COMMENT":"Some data"}

Каждый контейнер заполняется из отдельного вызова/функции Ajax на стороне сервера.


person espresso_coffee    schedule 07.06.2017    source источник
comment
Для такой проблемы, я думаю, вы подходите к этому неправильно. Разве вы не можете сопоставить данные из вызова ajax с каждой таблицей, а затем «безопасно» пройти внутри нее? Таким образом, вы не можете заполнить данные в неправильной таблице...   -  person knaos    schedule 07.06.2017
comment
это только для двух div a1 / a2 или любых div с некоторыми идентификаторами? где данные, которые вам нужно поместить в конкретный div (или откуда они берутся)?   -  person OldPadawan    schedule 07.06.2017
comment
@OldPadawan Пока что у меня есть только два div, которые нужно заполнить. В будущем может быть больше. Вот почему я ищу наилучшее возможное решение.   -  person espresso_coffee    schedule 07.06.2017
comment
я бы использовал для этой задачи какой-нибудь механизм шаблонов с многомерными массивами.   -  person Ursache    schedule 07.06.2017
comment
@Ursache Можете ли вы привести пример или общую идею?   -  person espresso_coffee    schedule 07.06.2017
comment
разве вы не использовали бы атрибут data-idуникальным идентификатором) для каждого div, а затем заполнили бы ответ в соответствии с его идентификатором?   -  person OldPadawan    schedule 07.06.2017
comment
@espresso_coffee это только общая идея: polymer-project.org /1.0/docs/api/elements/dom-repeat   -  person Ursache    schedule 07.06.2017
comment
@OldPadawan Я просматриваю идентификаторы ячеек таблицы, но я предполагаю, что это может быть вариант.   -  person espresso_coffee    schedule 07.06.2017
comment
другие примеры: усы угловой   -  person Ursache    schedule 07.06.2017