jquery求助,如何给一个jquery对象添加子对象 20

<scripttype="text/javascript">functioninitTr(){var$trr="<trstyle='height:30px'></tr>"... <script type="text/javascript">
function initTr(){
var $trr = "<tr style='height:30px'></tr>";

for (var x = 0; x < 10; x++) {
var $tdd = "<td>123</td>";
$trr.append($tdd)
}
$("#dataTb>tbody").append($tr_1);
}

<table
class="table id="dataTb" border="1">
<input type="button" value="按钮" onclick="initTr()">
<tbody>
<tr>
表头
</tr>
</tbody>

</table>
---
目的是button,每点击一次,就调用一次initTr方法.
该方法会先创建一个tr对象,然后循环十次,每次添加一个td对象.
最后将tr对象添加到tbody里.
--
希望指点一下我哪里理解的不对,总是报错
展开
 我来答
yugi111
推荐于2016-01-26 · TA获得超过8.1万个赞
知道大有可为答主
回答量:5.1万
采纳率:70%
帮助的人:1.3亿
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>last.html</title>
<style type="text/css">
table {
border: 1px solid black;
border-collapse: collapse;
}

td {
border: 1px solid black;
}
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script 败档type="text/javascript">
    function initTr ()
  碧粗  {
    var $trr = $("<tr style='height:30px'></tr>");
    for ( var x = 0; x < 10; x++)
    {
    察慧乱var $tdd = "<td>123</td>";
    $trr.append ($tdd);
    }
    $ ("#dataTb>tbody").append ($trr);
    }
</script>
</head>
<body>
<input type="button" value="按钮" onclick="initTr()" />
<table class="table" id="dataTb" border="1">
<tbody>
</tbody>
</table>
</body>
</html>
昂子帆6I
2014-11-04 · TA获得超过6065个赞
知道大有可为答主
回答量:7904
采纳率:55%
帮助的人:1273万
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demo</title>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">拦哗  
    $(function(){
        $(':input').click(function(){
            var trr = '<tr style="height:30px;">';
            for (var i = 0; i < 10; i++) {
                trr += '<td>' + (i + 1) + '</td>';
            }
            trr += '</tr>';         
            $("tbody").append(trr);
        });
    })
</script>
</head>

<body>
<input type="橡衡则submit" value="按钮">           
<table class="table" id="dataTb" border="1">
    <tbody>
 梁棚       
    </tbody>
</table>
</body>
</html>
jQuery库文件自己引入下
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2014-11-04
展开全部
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript" src="jquery-1.9.1.min.js" ></script>
    </head>
    <body>
        <script type="text/javascript">  
            function initTr(){
                
                var $trr = $('<tr style="height:30px"></tr>');
    
                for (var x = 0; x < 10; x++) {          
           败档         var $tdd = "<td>123</td>";
                    $trr.append($tdd)
                }
                $("#dataTb>tbody").append($trr);
            }
 碧粗   </script>  
         <table class="table"   id="dataTb" border="1">
                <input type="button" value="按钮" onclick="initTr()">
                <tbody>
                    <tr>
                        表头
                    </tr>
                </tbody>
        
        </table>
    </body>
</html>察慧乱
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
lvlhsumm
推荐于2018-03-02
知道答主
回答量:2
采纳率:100%
帮助的人:2591
展开全部
很明显 var $trr = "<tr style='height:30px'>让亩</tr>"郑滑芹; 有错误, 你已经把 tr 给关闭啦。你的 td 怎么能载入到tr 呢? 看明白喊毕了吧, 发现你里面有很多错误
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式