Question

我的屏幕上有多个表格。每个表都在一个单独的div容器中。在ajax调用之后，我有逻辑将检查容器ID并循环遍历每个表td。我有两个表，我必须设置在td单元格中扭曲的div内部的数据。这是我的例子：

<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，然后检查指定的id。在那种情况下，数据被设置为基于类的元素。如果来自一个容器的数据将显示在另一个容器中，这将导致一些问题。为了防止我想在每个容器中使用div id。在JQuery中有一种简单的方法吗？

如果container1并且标识为a1_comment，则在ID为a1_comment2的div中设置数据。容器2的其他方式。

以下是Ajax调用后返回的DATA对象的示例：

这适用于容器1：DATA":{"A1_COMMENT":"Some data"}

容器2：DATA":{"A2_COMMENT":"Some data"}

每个容器都是从服务器端的单独Ajax调用/函数填充的。

根据表格单元格ID设置div内部的数据？

0 个答案: