刚才做demo,参考下jquery1.4的api,如下图:
$("tr:first") 表示选中的第一个tr标签和标签中的所有内容。结果为“<tr><td>Header 1</td></tr>”于是我仿造写:
<table id="temp_tab"><tr><td></td><td></td></tr><tr><td></td><td></td></tr></table>
$("#temp_tab tr:first").each(function (index, item) {
alert($(this).html());
});
为啥弹出来的就是:“<td></td><td></td>”呢?为什么不包括<tr></tr>标签??
$("tr:first") 表示选中的第一个tr标签和标签中的所有内容。结果为“<tr><td>Header 1</td></tr>”于是我仿造写:
<table id="temp_tab"><tr><td></td><td></td></tr><tr><td></td><td></td></tr></table>
$("#temp_tab tr:first").each(function (index, item) {
alert($(this).html());
});
为啥弹出来的就是:“<td></td><td></td>”呢?为什么不包括<tr></tr>标签??
$("#temp_tab tr:first td").each(function (index, item) {
alert($(this).html());
});
怎么获取不到td标签呢???
alert($(this)) //是对象
alert($(this).html()) //对象的内容(文本节点)
$("#temp_tab tr:first td")完全取得到td,只是他们都没内容而已。。
<table id="temp_tab"><tr><td></td></tr></table>
<input type="button" id="Button1" value="添加行" />
<input type="button" id="Button2" value="添加列" /> //添加行
$("#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>");
});
});
就是那个添加行里面的代码,真心的请大家帮忙改改!!谢了!
老衲救你<!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></title><script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
table{border:solid 1px red;}
td{width:200px;height:20px;border:solid 1px black}
</style>
<script>
$(function(){
$('#Button1').click(function(){
$('#temp_tab tr:first').clone().appendTo('#temp_tab')
})
$('#Button2').click(function(){
$('#temp_tab tr').append('<td></td>')
})
})
</script></head><body>
<table id="temp_tab"><tr><td></td></tr></table>
<input type="button" id="Button1" value="添加行" />
<input type="button" id="Button2" value="添加列" />
</body>
</html>
这个可能有点问题吧?clone()会克隆tr里面的内容吗??
谢啦!那个我已经搞定了,其实用clone()也可以,虽然将td标签中的内容复制过去了,但是可以用html()动态修改就好了。。
擦 有点不和谐了 结贴算了吧
jquery我确实不怎么懂,也没有写过多少,只是要用的时候翻翻帮助文档,凭这点你让我去“练练脑子”,这就是你的逻辑?大言不惭,一点“智者”的风范都没有!亏得你只是一程序员!有些人打着“若批评不自由,则赞美无意义”的旗号,可是呢,在我所见的帖子都是批评声(这句不全针对你,但确实有这样的人存在,我我认为是“抱暴殄天物”),有些人以为可以改变世界,事实上他自己都管理不好。。看你状态也是在程序里面混了很久的人了,但是却还拿“某些白痴”出来说事,大千世界无奇不有,别人只不过开玩笑罢了,你何必计较??如果别人脑残,那你更加没有反驳的理由,难不成疯狗咬了你你想反咬一口??