在单击时添加几行并在双击上删除添加的行

简介：我是JQuery的新手，需要在其中实现一个场景，即单击时添加少量行并删除双击上添加的行单击。在单击时添加几行并在双击上删除添加的行

完成方案：我在页面中有两个表格，即顶层父表格和下面的子表格。父表中有行需要点击或双击。方案： 1）首要条件是，在父表的任何行上每次单击时，应在下面的子表中添加5行，即如果在行号3上有5次单击，则总共25行应该是添加到子表中。 2）第二个要求是，每双击父表的任意行，在父表的行上单击添加的所有相应的行应该被删除，即如果行号3被双击，所有25行分别对应行号3加入，子表中应删除。

需要帮助解决相同的问题。

HTML Code: 
 

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

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

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

 

 

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

 

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

 

 
\t \t \t </tr> 
 

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

 

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

 
\t \t \t </tr> 
 
\t \t </table> 
 

 

 

 
\t </div> 
 

 
</div>

来源

2014-12-19 Nishant Kumar

你有什么企图？你的html是什么样的？ – Brian 2014-12-19 05:46:07

@nish是否将项目分配给SO用户，如果不是，则显示您的代码以便我们可以帮助您。 – 2014-12-19 05:49:21

为了将来的参考，您不需要在标题中加入标签。 http://meta.stackexchange.com/questions/19190/should-questions-include-tags-in-their-titles – Brian 2014-12-19 05:50:21

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

//你的代码 }）;

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

//你的代码 }）;

来源

2014-12-19 06:22:56

不要伪造包含jquery库。祝你好运 – 2014-12-19 06:26:09

在单击时添加几行并在双击上删除添加的行

回答

相关问题