使用jQuery动态添加div

你的朋友

我有一个小的待办事项应用程序，其中我有三个分区，分别是生产，开发和测试，而在这些分区中，我有具有p id =“ subtask”的子任务。

现在在这里，我在每个任务中都有一个添加链接，它将在相应的任务div中添加新的子任务。因此，当我单击添加时，应该在先前的子任务下创建一个新的p id =“ subtask”。

我添加了一个由子任务组成的任务div的图像，我需要在之前的子任务下方创建新的子任务。

http://i.stack.imgur.com/ACIiY.png

 <div class="user span9 default-skin">
<ul>
    <% if @project.tasks.any? %>
        <% @project.tasks.each do |task| %>

        <div class="span5" id="tasks">

            <p><b><%=task.taskname %></b>
            <%=link_to 'edit name',edit_task_path(task) %></p>

            <% task.subtasks.each do |subtask| %>


                <p id="subtask" data-toggle="modal" data-target="#myModal"><%=subtask.name %></p>
                <%end%>

                <%=render 'layouts/modal' %>

                <p id="addcard"><a href="#">Add a card...</a></p>
        </div>

    <%end%>
<%end%>


</ul>


</div>

这是我尝试过的jQuery

$("#addcard > a").click(function(){
    $("#subtask").append("<p id='subtask'></p>");
  });

桑耶夫

由于我没有代码

所以将向您解释这将是一个例子

 Your html


  <div id='production'></div>
  <input type='button' value='Add' id='add_production'/>

your jquery
 $(document).ready(function(){
 $('#add_production').click(function(){
 $('#production').append('<p>Sub Task</p>');
   });
  });

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。