使用jQuery迭代表单元格并附加到div

时间:2013-01-16 15:56:53

标签: jquery html-table iteration

我真的很困惑.. 我试图从表中获取值,并使用类标题将这些值添加到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标题一样,表中的第一个值被附加,依此类推。 感谢。

1 个答案:

答案 0 :(得分:-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>