使用jquery切换wrapInner

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