jquery - 单击时创建新的 div 以包装旧的 div

Question

例如现有的 div 是 <div class="two">TWO</div>单击时添加一个名为 .one 的新 div并包装 .two像这样<div class="one"><div class="two">TWO</div></div> , 有什么建议吗？我试过包装和前置。

$(".two").click(function(){
  
  
  $(".one").wrap(this);
});

.one{
  padding:10px;
  background-color:#ff0;
  }

<div class="two">TWO</div>

Answer 1

你们非常接近，只是逻辑有点偏离。您需要从“两个”而不是“一个”(传递给该方法的 HTML)调用 wrap:

$(".two").click(function() {
  $(this).wrap("<div class='one'></div>");
});

.one {
  padding: 10px;
  background-color: #ff0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="two">TWO</div>