JQuery 用通配符连接变量

Question

我有很长的 id，所以在某些情况下，当使用 jQuery 操作它们时，创建变量是有意义的。

例如，如果我有：

    if (!$(e.target).is('#some--wickedly-absurd-long-form-id-name-on-this-page, 
#some--wickedly-absurd-long-form-id-name-on-this-page *')) { ...

在上面的代码中，我用通配符命名元素，然后是元素及其下的任何内容。

这并不理想。所以我创建了一个变量：

var showhideWrapper = $("#some--wickedly-absurd-long-form-id-name-on-this-page");

然后我尝试对 id 名称执行与上面相同的操作，但它不起作用。

    if (!$(e.target).is(showhideWrapper, showhideWrapper *)) { ...

我尝试了各种组合

    if (!$(e.target).is(showhideWrapper, showhideWrapper + '*')) { ...

...但我真的不知道如何让它发挥作用。

Answer 1

你可以这样做：

if (!showhideWrapper.find(e.target).length) {

(实际上，这并不完全等价，因为它不测试showhideWrapper 本身。但重点是你需要使用遍历函数。你不能用字符串连接对象并获得有用的选择器）。

但我可能会选择另一种方式，这通常是查看某个事件是否在某个元素内发生的标准方式：

if(!$(e.target).closest(showhideWrapper).length) {