jQuery：如果在链内？

Question

我有这个

if(noDelay){
  $(element).find("." + options.class).remove();
} else {
  $(element).find("." + options.class).fadeOut().remove();
}

有没有办法可以避免重复该句子并仅在满足给定条件时添加 fadeOut() ？

我无法将 fadeOut() 移动到链的末尾，这可能会让事情变得更容易。

我在想类似的事情，

$(element).find("." + options.class).(if(noDelay) fadeOut()).remove();

提前谢谢， 狮子座

Answer 1

没有像您想要的那样记录，但也许这对您有用：

$(element).find("." + options.class).fadeOut(noDelay ? 0 : 400).remove();

为什么是 400，因为 fadeOut 的默认持续时间是 400 毫秒。 （来自文档）

Answer 2

您可以使用 $.fn.each 来做到这一点：

$(element).find("." + options.class).each(function(){
  if (nodelay) {
    $(this).remove();
  }
  else {
    $(this).fadeOut().remove();
  }
});

但是它比简单地做您已经在做的事情效率低得多。

编辑：这是另一种方法：

$(element).find("." + options.class)[  noDelay ? "detach" : "fadeOut"  ]().remove();

基本上，如果 noDelay 为 true，它将在删除之前分离元素，否则，它将在删除之前淡出它们。应该和你的代码一样高效，只需 1 行。

Answer 3

对于这样的事情有异议吗？

var $found = $(element).find("." + options.class);
if (noDelay){
  $found.remove();
} else {
  $found.fadeOut().remove();
}

Answer 4

var els = $(element).find("." + options.class);
if (!nodelay) els.fadeOut();
els.remove();

或者你可以使用一个可怕的黑客：

$(element).find(…)[ nodelay ? 'somenoopfunction' : 'fadeOut' ]().remove();

Answer 5

这个特殊问题：

尝试稍微重新思考逻辑，并使 noDelay 真正影响延迟。

$(element).find("." + options.class).fadeOut(noDelay ? 0 : 'normal').remove();

虽然我不确定 remove() 是否有必要。

当我对另一个问题进行 fadeOut() 测试时，它似乎隐藏并折叠了元素。 remove() 会从 DOM 中完全删除该元素，但我不确定如果你只是想让它从文档中消失并让它停止影响文档流（没有间隙，是的）。

真正的目标：

此外，看起来您正计划包装 jQuery。您最终将包装这样的代码：

$("someElement").find(".someClass").fadeOut().remove();

...并将其更改为类似以下内容：

fadeOut("someElement", { "class" : "someClass" });

...或：

var element = new SomeClass("someElement");
element.options.class = "someClass";
element.fadeOut();

除非您计划大量重用该特定元素，否则我认为您会浪费时间。 jQuery 对于一次性操作具有非常高效的语法，并且您始终可以将匹配的元素存储在临时变量中。

如果您还有我所遗漏的其他目的，请原谅对您设计的干扰:)