使用 jQuery 遍历表格单元格并附加到 div

Question

我在这里真的很困惑.. 我正在尝试从表中获取值并将这些值添加到具有类标题的 div 中 附加函数和.text 函数。 问题是，当我使用每个函数时，表中的最后一个值会被附加并且 其余的被跳过.. 这是我的代码：

<script type="text/javascript">
    $(document).ready(function() {
        $('#nameGridView tr').each(function() {
            if (!this.rowIndex) return; // skip first row
            var productName = this.cells[0].innerHTML;
            $('.title').each(function (i, obj) {
                $('.title').html(productName);

            });

        });
    });

</script>

请告诉我如何遍历每个表并同时添加，例如第一个 div 标题、表中的第一个值被附加等等。 谢谢。

Answer 1

使用append() 附加到元素。也可以使用.eq() 获取与行索引相同的div。

<script type="text/javascript">
    $(document).ready(function() {
        var $title = $('.title');
        $('#nameGridView tr').each(function(i) {
            if (!this.rowIndex) return; // skip first row
            var productName = this.cells[0].innerHTML;
            $title.eq(i-1).append(productName);            
        });
    });

</script>