+ -
当前位置:首页 → 问答吧 → jqueryAPI问题?

jqueryAPI问题?

时间:2011-09-21

来源:互联网

刚才做demo,参考下jquery1.4的api,如下图:


$("tr:first") 表示选中的第一个tr标签和标签中的所有内容。结果为“<tr><td>Header 1</td></tr>”

于是我仿造写:
HTML code
<table id="temp_tab"><tr><td></td><td></td></tr><tr><td></td><td></td></tr></table>

  JScript code

$("#temp_tab tr:first").each(function (index, item) {
                alert($(this).html());
            });



为啥弹出来的就是:“<td></td><td></td>”呢?为什么不包括<tr></tr>标签??

作者: qingYun1029   发布时间: 2011-09-21

妈的,蛋疼死了,jquery太搞人了。。。

罪过罪过,请允许我小小的爆句粗口了出出气。

作者: qingYun1029   发布时间: 2011-09-21

还有,我写

JScript code

$("#temp_tab tr:first td").each(function (index, item) {
                alert($(this).html());
            });



怎么获取不到td标签呢???

作者: qingYun1029   发布时间: 2011-09-21


alert($(this)) //是对象
alert($(this).html()) //对象的内容(文本节点)

作者: calmcrime   发布时间: 2011-09-21

笨笨,"tr:first" 这个first是对tr的修饰!$("#temp_tab tr:first")取得的是表格下的第一个tr对象(jquery对象),你再去each个毛毛毛啊,就算each了也当然只能弹出第一个<tr>的内容咯!!

作者: ycmjh2010   发布时间: 2011-09-21

你知道html()是干嘛的吗。。
$("#temp_tab tr:first td")完全取得到td,只是他们都没内容而已。。

作者: axiheyhey   发布时间: 2011-09-21

你二楼的确得到两个td的jquery对象,但是其内容为空,你用.html()当然读不到东西!

作者: ycmjh2010   发布时间: 2011-09-21

文档有错吧, .html()是不包含自身的.

作者: hookee   发布时间: 2011-09-21

懂了。看第一个我就惊了。晕啊!

.html()是拿jquery对象之间的内容——html字符。

对人了。

就是为了写个自动添加行列的表格。写好了,虽然很丢人,但还是拿出来请大家帮忙改改,里面有几行代码太丑陋了。

HTML code

<table id="temp_tab"><tr><td></td></tr></table>
<input type="button" id="Button1" value="添加行" />
<input type="button" id="Button2" value="添加列" />



JScript code

        //添加行    
        $("#btnAddLine").click(function () {
            var temp = "<tr>";
            $("td", "#temp_tab tr:first").each(function (index, item) {
                temp += "<td></td>";
            });
            temp += "</tr>";

            $(temp).appendTo($("#temp_tab"));

        });

        //添加列
        $("#btnAddColumn").click(function () {
            $("#temp_tab tr").each(function (index, item) {
                $(this).append("<td></td>");
            });
        });



就是那个添加行里面的代码,真心的请大家帮忙改改!!

谢了!

作者: qingYun1029   发布时间: 2011-09-21