<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>4's symfony blog &#187; jQuery</title>
	<atom:link href="http://www.foolbirds.com/c/javascript/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://www.foolbirds.com</link>
	<description>all about symfony</description>
	<lastBuildDate>Fri, 14 Oct 2011 12:36:02 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>如何实现动态添加／删除表格元素</title>
		<link>http://www.foolbirds.com/%e5%a6%82%e4%bd%95%e5%ae%9e%e7%8e%b0%e5%8a%a8%e6%80%81%e6%b7%bb%e5%8a%a0%ef%bc%8f%e5%88%a0%e9%99%a4%e8%a1%a8%e6%a0%bc%e5%85%83%e7%b4%a0.html</link>
		<comments>http://www.foolbirds.com/%e5%a6%82%e4%bd%95%e5%ae%9e%e7%8e%b0%e5%8a%a8%e6%80%81%e6%b7%bb%e5%8a%a0%ef%bc%8f%e5%88%a0%e9%99%a4%e8%a1%a8%e6%a0%bc%e5%85%83%e7%b4%a0.html#comments</comments>
		<pubDate>Thu, 20 May 2010 01:48:17 +0000</pubDate>
		<dc:creator>kthiz2006</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.foolbirds.com/?p=1185</guid>
		<description><![CDATA[此效果是用jquery实现的,现代码如下:

／／监听添加表格行数的阿按扭
$(document).ready(function(){
$("#but").click(function(){
var $table=$("#tab tr");
var len=$table.length;
$("#tab").append("&#60;tr id="+(len+1)+"&#62;&#60;td align=\'center\'&#62;&#60;img width=\'140\' src=\'images/1.jpg\'&#62;&#60;/td&#62;&#60;td align=\'center\'&#62;&#60;a href=\'javascript:void(0)\' onclick=\'deltr("+(len+1)+")\'&#62;删除&#60;/a&#62;&#60;/td&#62;&#60;/tr& gt;");
})
})


／／删除指定的表格的行
function deltr(index)
{
$table=$("#tab tr");
$("tr[id=\'"+index+"\']").remove();
}

以下写在body中即可

//添加按钮
&#60;input id="but" type="button" value="添加" /&#62;


//空的表格
 &#60;table class="print_product_img" id="tab" border="1" width="60%" align="center"&#62;
&#60;/table&#62;

在IE下使用Script Debugger调试javascript兼容性问题]]></description>
			<content:encoded><![CDATA[<p>此效果是用jquery实现的,现代码如下:<br />
<code><br />
／／监听添加表格行数的阿按扭<br />
$(document).ready(function(){<br />
$("#but").click(function(){<br />
var $table=$("#tab tr");<br />
var len=$table.length;<br />
$("#tab").append("&lt;tr id="+(len+1)+"&gt;&lt;td align=\'center\'&gt;&lt;img width=\'140\' src=\'images/1.jpg\'&gt;&lt;/td&gt;&lt;td align=\'center\'&gt;&lt;a href=\'javascript:void(0)\' onclick=\'deltr("+(len+1)+")\'&gt;删除&lt;/a&gt;&lt;/td&gt;&lt;/tr& gt;");<br />
})<br />
})<br />
</code><br />
<code><br />
／／删除指定的表格的行<br />
function deltr(index)<br />
{<br />
$table=$("#tab tr");<br />
$("tr[id=\'"+index+"\']").remove();<br />
}<br />
</code><br />
以下写在body中即可<br />
<code><br />
//添加按钮<br />
&lt;input id="but" type="button" value="添加" /&gt;<br />
</code><br />
<code><br />
//空的表格<br />
 &lt;table class="print_product_img" id="tab" border="1" width="60%" align="center"&gt;<br />
&lt;/table&gt;<br />
</code></p>
<ul class="related_post"><li><a href="http://www.foolbirds.com/%e5%9c%a8ie%e4%b8%8b%e4%bd%bf%e7%94%a8script-debugger%e8%b0%83%e8%af%95javascript%e5%85%bc%e5%ae%b9%e6%80%a7%e9%97%ae%e9%a2%98.html" title="在IE下使用Script Debugger调试javascript兼容性问题">在IE下使用Script Debugger调试javascript兼容性问题</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.foolbirds.com/%e5%a6%82%e4%bd%95%e5%ae%9e%e7%8e%b0%e5%8a%a8%e6%80%81%e6%b7%bb%e5%8a%a0%ef%bc%8f%e5%88%a0%e9%99%a4%e8%a1%a8%e6%a0%bc%e5%85%83%e7%b4%a0.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

