将类添加到附加内容

时间:2011-03-17 02:14:15

标签: jquery

嘿所有, 我只是跳进去描述这个问题。提供JS小提琴,以帮助您了解。任何帮助是极大的赞赏。谢谢!

SEE LINK IN THE COMMENTS FOR WORKING FILE

1。功能

功能1:添加多个注册

用户可以添加其他注册表单,以便同时完成1次以上的注册。 JS FIDDLE HERE

功能2:定义程序类型

用户可以从多种类型的程序注册中进行选择。选择程序后,它从外部文件中提取相应的表单。 JS FIDDLE HERE

2。问题

将程序类型分配给注册表单时,它会返回具有特定类的div中的数据。这显然是一个问题,因为它会将该数据返回给具有该类的所有div。 如果您添加多个注册,那么此类将有多个div。

最初添加注册表单时,第一个函数会抓取此div。

第3。需要解决方案

每次添加新程序时,我都需要动态地将数字添加到此div的类中。这将使每个div独一无二并消除问题。

<div class="reg"></div> 
<div class="reg"></div> 
<div class="reg"></div> 
<div class="reg"></div>

理想情况下应该是这样的:

<div class="reg1"></div>
<div class="reg2"></div>
<div class="reg3"></div>
<div class="reg4"></div>

我没有丝毫的线索如何开始这个,但它必须是原始功能的一部分。

1 个答案:

答案 0 :(得分:0)

如果问题是单击一个注册的复选框会更改所有注册,则只需更好地调整选择器的范围。例如,假设每个注册看起来像这样:

<div class='registration'>
   ... a bunch of stuff
   <input type='checkbox' class='blah' /> 
</div>

现在你有一个像这样的处理程序来捕获这些复选框的点击次数:

$('.registration input[type=checkbox]').live('change', function(){ 

   // figure out which checkbox was checked and whatever
   // but only affect the registration that holds the checkbox:
   var AffectedRegistration = $(this).closest('.registration');

   // do something smart with the affected registration...
});

注意:如果您在此处发布实际代码,可能会获得更多量身定制的帮助,但我认为这样可以帮助您实现目标。