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

Question

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

<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>