单击添加几行，双击删除添加的行

Question

简介： 我是 JQuery 的新手，并且有一个要求，我需要实现一个场景，即单击添加几行并删除双击添加的行。

完整场景： 我在一个页面中有两个表，即顶部父表和子表下方。 父表中有需要单击或双击的行。 场景： 1）第一个要求是每次单击父表的任何行时，应在下面的子表中添加5行，即如果在第3行上单击5次，则应在子表中添加总共25行桌子。 2）第二个要求是每次双击父表的任何行时，应删除单击父表行时添加的所有相应行，即如果双击第3行，则所有25行添加对应第3行的子表，应该删除。

在解决相同问题时需要帮助。

HTML Code:

<div style="overflow: scroll; width: 1455px;height:175px;" class="tree">
		<table class="boldtable" id="packagelisttable" style="width: 100%">

			<caption>
				<b style="font-size: 20px">Package List</b>
			</caption>
			<tr class="tableHeaderRow">
				<th class="columnHeader">Distributable Name</th>
				<th class="columnHeader">Version</th>
				<th class="columnHeader">Modality</th>
				<th class="columnHeader">Machine Name</th>
				<th class="columnHeader">Machine Type</th>
				<th class="columnHeader">Machine Version</th>
				<th class="columnHeader">Machine Version2</th>
		

				<th class="columnHeader">Last Registered By </th>
					<th class="columnHeader">Last Registered On </th>
			</tr>



			<tr class="lightData">
				<td class="columnHeader">Installer1</td>
				<td class="columnHeader">1</td>
				<td class="columnHeader">CT1</td>
				<td class="columnHeader">ABCD</td>
				<td class="columnHeader">Dell</td>
				<td class="columnHeader">1</td>
				<td class="columnHeader">1</td>


				<td class="columnHeader">User </td>
					<td class="columnHeader">11-10-2014 </td>


			</tr>

			<tr class="darkData">
							<td class="columnHeader">Installer2</td>
				<td class="columnHeader">1</td>
				<td class="columnHeader">CT1</td>
				<td class="columnHeader">PQRS</td>
				<td class="columnHeader">Dell</td>
				<td class="columnHeader">1</td>
				<td class="columnHeader">1</td>


				<td class="columnHeader">User </td>
					<td class="columnHeader">14-10-2014 </td>

			</tr>
		</table>



	</div>

</div>

Answer 1

$( "#buttonid" ).click(function() {

//你的代码 });

$( "#buttonid" ).dblclick(function() {

//你的代码 });