切换wrapInner与jQuery

Question

我似乎无法找到jQuery包装的切换方法。

只需点击.toggle_comments时即可切换范围的换行。

$(document).on('click', '.toggle_comments', function(event){ 

    $(this).closest("p").wrapInner($("<span class='inline-comments-highlight-text'></span>")); 

}); 

Answer 1

您不会找到它，因为此方法不存在。你可以这样做：

var 
    spanHTML = "<span class='inline-comments-highlight-text'></span>", 
    spanSel = "span.inline-comments-highlight-text" 
; 

$(document).on('click', '.toggle_comments', function(event) { 
    var $p = $(this).closest("p"), 
     $span = $p.children(spanSel); 

    if ($span.length) { 
     $span.children().unwrap(); 
    } else { 
     $p.wrapInner(spanHTML); 
    } 
});