使用 jQuery .find() 结果作为链中回调函数的参数

Question

我有这个问题（现在是吗​​？）：

让我们使用这个 HTML：

<div>
 <p></p>
 <p id="bar"></p>
</div>
<div>
 <p id="foo"></p>
 <p id="baz"></p>
</div>

简单。

在 jQuery 中，我们向所有 div 添加了函数（例如“单击”）：

$('div').click(function(){
  $(this).doSomething($(this))
  .find('#baz')
    .doSomethingWithCallback ({args}, callbackFunction($FIND_RESULT) );
});

显然，变量 $FIND_RESULT 不存在 – 我想知道如何获得最后一个 .find() 查询的结果？< /strong>

有什么办法吗，或者我必须打破我的疯狂链条（或重复 $(this).find() 作为参数）？

编辑：IRL示例：

function hide($div) { $div.css({'display': 'none'});

function ...
  $(this)
    .anyFunction()
  .find('.foo')
    .animate({opacity: 0}, 250, hide(^that^));
 }

Answer 1

一般来说，对于 jQuery 函数，每次匹配 find() 时，你的 doSomethingWithCallback 都会被执行多次，因此每次匹配你的回调方法也会被调用一次，所以传递元素集是不必要的，使用 $(this) 。

Answer 2

我也有点困惑。 .find() 方法非常强大，所有其他 jQuery 函数也是如此。每个函数都在一组元素上执行，然后将这些元素传回，以便其他函数可以链接它们。 http://jsfiddle.net/rkw79/DXbXU/

在您的自定义函数上，您是否返回对象处理完之后？ http://docs.jquery.com/Plugins/Authoring#Maintaining_Chainability

Answer 3

您是否在寻找 jQuery 的

end()

?

如果您要制作自己的插件，请查看 pushSack() 和 end()

function ...
  $(this)
    .anyFunction()
  .find('.foo')
  .end()  // <---
    .animate({opacity: 0}, 250, hide(^that^));
 }