在插件中选择块的子节点

Question

我现在正在处理插件，无法让它工作。

我想制作一个像this one

这样的容器

如果单击某个块，则封面应移动到特定方向 但每当我想要获得.coverFrame-Container的孩子时，它只会给我文件的链接+ ' > .cover'

这是我的代码：

$.fn.coverBlock = function () {
    // Settings
    var settings = $.extend({
        direction: 'up',
        speed: 400
    });

    $(this).click(function () {
        element = this;
        console.log(this + ' .cover');
    });
}

$(function () {
    $('.coverFrame').coverBlock();
});

现在只是在调试中。

click-function中的控制台日志只是给了我：

file:///G:/wamp/www/training/index.html# .cover 

如果没有添加+ ' .cover'，它会给我以下内容：

<a href="#" class="coverFrame" style="display: block; height: 100px; width: 100px;">...</a>

如何解决这个问题，我可以选择孩子并使用它？

Answer 1

尝试在点击功能中使用$（this）。