Question

介绍：我是JQuery的新手并且有一个要求，我需要在单击时添加几行并删除双击时添加的行。

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

应删除在子表中添加的与行号3相对应的25行

需要帮助才能解决问题。

＆＃13;

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>

＆＃13;

Answer 1

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

//你的代码 }）;

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

//你的代码 }）;

单击即可添加少量行，并在双击时删除添加的行

1 个答案: