jQuery Closest() 问题

Question

致所有人:抱歉，如果我不理解 StackOverflow 的协议(protocol)。我将立即努力纠正我在社区中的地位。话虽如此:

我试图根据调用它的内容来更改 jQuery 函数的上下文。在下面的代码中，当页面首次加载时，我们看到 limitDates() 函数被调用，并将 HTMLElementDiv 作为当前上下文。当我们通过在输入字段中键入来调用它时，我们看到它不是一个 div，但尝试使用 $(this).closest('div') 获取父 div 会返回一个 HTMLElementInput，而不是 div。有什么想法吗？

更新:已经创建了一个 fiddle :http://jsfiddle.net/earachefl/XBFNQ/8/

<script type="text/javascript" src="common/js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="common/js/jquery-ui-1.8.12.custom.min.js" ></script>

<div class="datemodule">
    <input class="date_from" type="text" id="date_from_#name#" name="date_from" value=#start#>
</div>

<script>
    $(document).ready(function(){
        $('div.datemodule').limitDates();
        $('.date_from').keydown(function(){
            $(this).limitDates();
        });
    });

    (function($){
        $.fn.limitDates = function(){                   
            return this.each(function(){
                context = $(this).context;
                //alert(context);
                alert(context.nodeName);
                if (context.nodeName != 'DIV'){
                    alert('not a div');
                    newContext = $(this).closest('div').context;
                    alert(newContext.nodeName);
                }
            });
        };
    })(jQuery);
</script>

Answer 1

Context 是传递给 JQuery() 的 DOM 元素。因此，您的选择器首先将上下文作为文档。

$('div.datemodule').limitDates(); // context is the document
$('.date_from').keydown(...   // context is the document

当涉及到回调时，如果使用 $(this) 上下文就是触发事件的元素。

$('.date_from').keydown(function(){
    $(this).limitDates();         // context is the element which has class .date_form and triggered that event
}); 

当涉及到使用 this.each 的函数时，上下文将设置为每次迭代中的每个元素。

return this.each(function(){
    $(this).context; // context is the element of iteration
}

正如我所说，上下文是传递给 JQuery 的内容，并且可能是只读的。