jQuery两种方法提取数据表格

标签：body   创建   取数   type   数组   cti   table   enc   建表   

jQ创建表格的两种方法

1.模板字符串法

   $(function () {
            //模板字符串的方式添加到页面
            $(‘#btn‘).click(function () {
                let str = ‘‘
                data.forEach(function (value) {
                    str += `
               

               ${value.name}    
               ${value.url}    
               ${value.type}    
               


               `
                })

2.push方法

   $(function () {
            $(‘#btn‘).click(function () {
                let arr = []
                data.forEach(function (value) {
                    arr.push(`
               

               ${value.name}    
               ${value.contain}    
               ${value.date}    
               


               `)
?
                })
                let arrStr = arr.join(‘‘)
                //每一个数组元素都是一个完整的tr/tr
                //join拼接数组元素
                console.log(arrStr);
                $(‘tbody‘).html(arrStr)
            })
        })

HTML结构
   
    

    
        
            
                
                
                
            
        
        
            
        
    



标题
内容
日期

jQuery两种方法提取数据表格

标签：body   创建   取数   type   数组   cti   table   enc   建表   

原文地址：https://www.cnblogs.com/Code-Is-Fun/p/14717832.html