javascript - 如何按以 $(this) 开头的类从父级中选择子级

Question

我正在创建一个自定义 jQuery 插件来在输入框上方添加一些图像。高亮类工作完美，但我需要 .toggle() 上的选择器的帮助来显示和隐藏 INPUTBANER 类。

jQuery.fn.inputmenu = function() {
    function createInputMenu(node) {
        $(node).bind('focus', function() {
            $(this).parent().toggleClass('highlight');

            //SHOW INPUTBANNER CLASS
            $(this).parent().('.inputbanner').toggle();
        });
        $(node).bind('blur', function() {
            $(this).parent().toggleClass('highlight');

            //HIDE INPUTBANNER CLASS
            $(this).parent().('.inputbanner').toggle();
        });
        $(node).parent().append('<div class="inputbanner">some images here</div>');
    }
    return this.each(function() {
        createInputMenu(this);
    });
};

Answer 1

这似乎就是您所追求的，您不必返回到父级，然后返回到 .inputbanner 来选择它，因为 inputbanner 是您可以执行的兄弟操作:

// use .prev() if the element is before
$(this).next('.inputbanner')

另外，作为旁注，您应该像这样包装您的插件(这样就不会与 $ 标识符发生冲突)

(function($) {
    $.fn.inputmenu = function() {
        // plugin implementation here
    }
})(jQuery);