JQuery ve Kontrol Wrap ve Unwrap yöntemleri

Question

bu demo bir göz atın ve bana

1- p sarın zaten .check-wrap-sapn

ile sarılmış olan tek ben şekilde jquery nasıl kullanabileceğinizi haber verir misiniz

ve

2- sarılı sadece.check-wrap-sapn ve herhangi bir başka üst?

şimdi ne oluyor jquery #wrap kullanıcıların tıklama sürece .check-wrap-sapn ile p elemanı sarar ve p tüm velilere kaldırır denilen hiçbir sarıcı orada olmasa bile .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()'u kullanarak ebeveyni alın ve .check-wrap-sapn numaralı telefonu kontrol edin veya 01 ürününü kullanmayın.

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

<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>