jquery - 从一个父级链接 jquery 方法的更好方法

Question

我总是习惯在新行中编写从一个父级(在我的例子中为 vehiclesParent)开始的事件，如下所示，通常用于 .find() 函数:

 var vehiclesParent = $(this).parents('.services-content.vehicles');
        if (vehiclesParent.length > 0) {
            vehiclesParent.find('.offices-select-copy').val('0').trigger('change').css('margin', '42px 32px 0 0');
            vehiclesParent.find('.copy-now').hide();
            vehiclesParent.find('.cancel-vehicles-tab').css('margin', '-30px 0');
        }

有更好的方法来重现这个吗？

Answer 1

如果我理解正确的话，您正在寻找 end()方法，以便您可以继续链接而不是重复使用变量

var vehiclesParent = $(this).parents('.services-content.vehicles');
    if (vehiclesParent.length > 0) {
        vehiclesParent.find('.offices-select-copy').val('0').trigger('change').css('margin', '42px 32px 0 0')
       .end().find('.copy-now').hide()
       .end().find('.cancel-vehicles-tab').css('margin', '-30px 0');
    }

<小时/>

旁注:关于变量与 end() 存在争论。

我个人都使用 -

• 当我不再需要在代码中进行选择时，我会使用 .end()，这样您就不必引入变量。
• 当我必须在代码中的其他地方再次使用选择时，我会使用变量

当您已经将引用存储在变量中时使用 .end() 没有多大意义。

简而言之，当您可以在单行中执行操作并且不需要稍后在代码中访问集合时，请使用 end()。我通常将 jquery 变量命名为 $elements，但我不喜欢在代码中看到它们。