javascript - ドラッグドロップ選択プラグイン

Question

このプラグインを使用して、Web サイト上のテキストを選択しています。

私のコードはこれまでのところ次のようになります。

jQuery(function($){
            $( document )
            .drag("start",function( ev, dd ){
                return $('<div class="selection" />')
                .css('opacity', .65 )
                .appendTo( document.body );
            })
            .drag(function( ev, dd ){
                $( dd.proxy ).css({
                    top: Math.min( ev.pageY, dd.startY ),
                    left: Math.min( ev.pageX, dd.startX ),
                    height: Math.abs( ev.pageY - dd.startY ),
                    width: Math.abs( ev.pageX - dd.startX )
                });
            })
            .drag("end",function( ev, dd ){
                $( dd.proxy ).remove();
            });
            $('article p, h1, h2, h3, h4, h5, h6, ol, ul')
            .drop(function( ev, dd ){
                $(this).wrap('<div />')
            })
            $.drop({ multi: true });    
        });

私が達成しようとしているのは、選択したすべての要素を on でラップすることです<div>。現在、各要素を個別の div にラップしています。これを担当するコードフラグメントは次のとおりです。

.drop(function( ev, dd ){
                $(this).wrap('<div />')
            })

Answer 1

おそらく、関数wrapAll()は、ラップではなく、探しているものです。