jquery - 如何返回JQuery代码的值？

Question

这似乎是一个菜鸟问题，但我似乎对此无能为力。我知道相当多的 javascript，并且我一直在尝试这个 JQuery 插件，它检查两个元素是否重叠。 http://jquer.in/helpful-jquery-plugins-for-html5-websites/overlaps/我有这个代码:

$('#elm1').overlaps('#elm2')

问题是我如何从中获取值(value)。当尝试在变量中使用它时，我会得到 [object Object] ，当我将它放入函数中时，我只会得到代码。谢谢

Answer 1

嗯，这不是什么菜鸟问题，如this plugin以一种不平凡的方式返回值:

The second mode is to compare one set of elements against another andreturn only the elements that overlap.

$('#div1').overlaps('#div2');

在此示例中，如果 #div1 和 #div2 重叠，则返回的 jQuery 对象将同时包含它们。如果没有，则仅#div1。

因此，解决方案是检查插件生成的对象的长度 - 并将其与所比较的 jQuery 对象的长度总和进行比较。如果它们相同，则元素重叠；如果没有，他们就不会。 )

在这个特定的示例中，您可以将结果的长度与 2 进行比较，如下所示:

if ( $('#div1').overlaps('#div2').length === 2 ) { // they overlap }

...就像在有效 DOM 中一样，只能有一个具有给定 ID 的元素。