Question

请你看看这个演示，让我知道如何使用jquery

1-仅当p尚未包裹.check-wrap-sapn

时才自动换行

和

2-解开仅 .check-wrap-sapn，而不是任何其他家长？

现在发生了什么jquery用p包裹.check-wrap-sapn元素，只要用户点击#wrap并删除p的所有父项，即使没有任何包装器叫.check-wrap-sapn

$("#wrap").on("click", function() {
  $("p").wrap("<div class='check-wrap-sapn'></div>");
});

$("#unwrap").on("click", function() {
  $("p").unwrap("<div class='check-wrap-sapn'></div>");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="container">
  <div class="well">
    <p>This is for Wrapping</p>
  </div>
</div>

<button class="btn btn-default" id="wrap">Wrap</button>
<button class="btn btn-default" id="unwrap">Un Wrap</button>

Answer 1

使用 parent() 获取父母，并使用 is() 检查.check-wrap-sapn或{}}

＆＃13;

var $p = $("p");

$("#wrap").on("click", function() {
  if ($p.parent().is(':not(.check-wrap-sapn)'))
    $p.wrap("<div class='check-wrap-sapn'></div>");
});

$("#unwrap").on("click", function() {
  if ($p.parent().is('.check-wrap-sapn'))
    $p.unwrap("<div class='check-wrap-sapn'></div>");
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="container">
  <div class="well">
    <p>This is for Wrapping</p>
  </div>
</div>

<button class="btn btn-default" id="wrap">Wrap</button>
<button class="btn btn-default" id="unwrap">Un Wrap</button>

＆＃13;

JQuery和Controlling Wrap和Unwrap方法

1 个答案: