Question

我正在尝试使用Jquery插件。（请注意我是初学者）并且我制作了一个非常简单的插件。如果我将选择器设置为('div')，但是当我尝试将其设置为只选择包含"object"的类的div时，它会失败。我究竟做错了什么？我没有收到任何错误。

的javascript：

(function( $ ) {

    $.fn.Duplo = function() {

        return this.filter("div[class*='object']").clone().appendTo('body');

    };

}( jQuery ));


$(document).ready(function(){
    $( ".negen" ).Duplo();
});

html：

<body>
<div class="row">
    <div class="col-md-12 col-sm-12 twaalf">
    </div>
</div>
<div class="container">
    <div class="col-md-3 col-sm-3 drie">
    </div>
    <div class="col-md-9 col-sm-9 negen">

     <div class="object"></div>
     <div class="object2"></div> 
     <div class="object3"></div> 
     <div class="object4"></div> 
    </div>
</div>

</body>

我的html包含四个带有classes: object, object1, object2, object3的div。.negen是包含所有这些的div。

谢谢：）

Answer 1

您必须更改选择语句

＆＃34;（＆＃34; DIV [类* =＆＃39;对象＆＃39;]＆＃34）＆＃34;这部分

检查一下 http://api.jquery.com/category/selectors/

Answer 2

试试这个。

return this.find(".object").clone().appendTo('body');

Fiddle Demo

Answer 3

如果您希望过滤包含某些包含.negen类的特定元素的object元素，请使用：

this.filter(":has(div[class*='object'])").clone().appendTo('body');

这可以写成：

return this.has("div[class*='object']").clone().appendTo('body');

如果要克隆元素object，请使用：

return this.find("div[class*='object']").clone().appendTo('body');

获取类包含在一个非常简单的Jquery插件中

3 个答案: