Question

我有这个小的todo应用程序，其中我有三个div，即生产，开发和测试，在那些我有子标签，其中有p id =“subask”。

现在我在每个任务中都有一个添加链接，它将在相应的任务div中添加新的子任务。所以当我点击添加时，应该在前面的子任务下面创建一个新的p id =“subtask”。 / p>

我添加了由子任务组成的任务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>");
  });

Answer 1

因为我没有代码

所以会解释你这个例子

 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>');
   });
  });

使用jquery动态添加div

1 个答案: