javascript - 如何在单个变量中存储和重用选择器和上下文表达式的组合？

Question

我最近开始喜欢使用这种 JQuery 选择器模式，我想您可以将其描述为 .find() API 的语法快捷方式:

$('.some-element', '.within-context')

SO here 上有关于它的讨论

无论如何，我发现自己处于这样一种情况，我想将这个选择器存储为一个变量，我可以在我的脚本的多个地方使用它。

显然我不能这样做:var selector = '.some-element', '.within-context' 因为那样只会给我留下一个保存 '.within 的变量-上下文'

'.some-element, .within-context' 是完全不同的东西......

尽管对文档和 SO 进行了调查，但我什至不确定这是做什么的:$(['.some-element', '.within-context'])

不太确定还能尝试什么，我应该只做两个变量吗？

Answer 1

考虑使用 spread operator从数组中扩展 $ 的参数。通过这种方式，您可以将选择器组合存储在一个数组中，稍后将其作为两个不同的参数传递给 jQuery 构造函数。

例如:

let someSelectorCombo = ['.some-element', '.some-context']; // Store the selector

$(...someSelectorCombo).text('Yay') // Expand the stored selector to two arguments

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="some-context">
    <div class="some-element"></div>
</div>