解開復選框問題父

Question

你可以看看this demo，讓我知道爲什麼我不能刪除.check-wrap類，如果存在？什麼現在.unwrap()的情況是，即使除去.well

$("#un-mask").on("click", function() { 
 
    if ($("input:checkbox").parent().is('.check-wrap')) 
 
    $("input:checkbox").unwrap("<span class='check-wrap'></div>"); 
 
});

@import 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css';

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container"> 
 
    <div class="well"> 
 
    <input type="checkbox" /> 
 
    <span class="check-wrap"> 
 
    <input type="checkbox" /> 
 
</span> 
 
    <span class="check-wrap"> 
 
    <input type="checkbox" /> 
 
</span> 
 

 
    </div> 
 
</div> 
 

 
<button class="btn btn-default" id="un-mask">Yes</button>

Answer 1

jQuery的.unwrap()方法不接受任何參數。它刪除每個匹配元素的父項。由於您的div.well是第一個複選框輸入的父項，因此它也被刪除。解決這個問題

一種方法是包的第一個複選框輸入某種類型的標籤跟人家一樣：

$('input:checkbox').unwrap();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container"> 
 
    <div class="well"> 
 
    <span class="check-wrap"> 
 
     <input type="checkbox" /> 
 
    </span> 
 
    <span class="check-wrap"> 
 
     <input type="checkbox" /> 
 
    </span> 
 
    <span class="check-wrap"> 
 
     <input type="checkbox" /> 
 
    </span> 
 
    </div> 
 
</div> 
 

 
<button class="btn btn-default" id="un-mask">Yes</button>

https://api.jquery.com/unwrap/