拖放选择插件

Question

我正在使用this 插件来选择网站上的文本。

到目前为止，我的代码如下所示：

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

我想要实现的是将所有选定的元素包装在<div> 上。现在它将每个元素包装到单独的 div 中。 这是负责此操作的代码片段：

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

Answer 1

也许函数 wrapAll() 是您正在寻找的，而不是 wrap。