Question

我有一个带有链接的div。正如您在单击链接时在片段中看到的那样，它会在旁边添加一个新div。它正在运作！

但我想要的是当每次点击链接时，新的选择类应该动态添加到'project-list'。

 $(".click").click(function () {
  $(".container").append('<div class="project-list"><div class="projects-name"> div1</div><div class="project-box">Content</div></div>');
});

.container{
  width:100%
  }
 .project-list{
   width:100px;
   background:#e8e8e8;
   border-radius:5px;
   padding:10px 20px;
   display:inline-block;
   margin:8px;
 }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  
      <div class="project-list">
         <div class="projects-name"> div1</div>
          <div class="project-box">Content</div>                             
           <div class="ProjectSetting">
              <a class="click" href="#">click</a>
            </div>                         
       </div>
   
</div>

如果不清楚，请在下面问我。

Answer 1

 var i=0;
 $(".click").click(function () {
 i++;
 var toAppend = '<div class="project-list newClass'+i+'"><div class="projects-name"> div1 [newClass'+i+']</div><div class="project-box">Content</div></div>';
 
  $(".container").append(toAppend);
});

.container{
  width:100%
  }
 .project-list{
   width:100px;
   background:#e8e8e8;
   border-radius:5px;
   padding:10px 20px;
   display:inline-block;
   margin:8px;
 }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  
      <div class="project-list">
         <div class="projects-name"> div1</div>
          <div class="project-box">Content</div>                             
           <div class="ProjectSetting">
              <a class="click" href="#">click</a>
            </div>                         
       </div>
   
</div>

如何在动态点击上添加带有分隔类的div？

1 个答案: