Javascript 选择类名作为jQuery中2个以上单词的变量

我试图弄清楚是否可以选择一个包含2个以上单词的div作为变量中的类名。 i、 e，$div[class='LIKES&DISLIKES']这很好，但问题是我在变量中有这个类名LIKES&DISLIKES，我不能在$div[class='LIKES+'中使用变量。 我试过了

var element = document.getElementsByClassName(variable)

但这给了我HTML集合，我不知道如何从中检索我的div元素

所以我在类名中定义了一个文本，这样我就可以使用 $[class*='showtab']。隐藏并显示已为其单击锚定标记的类$.showtab+lab.show 在使用两个单词的类名（如Style cat）之前，此功能可以正常工作，但在使用超过3个单词的类名（如喜欢和不喜欢）时，此功能不起作用

这适用于$'.showtabStyle.cat'，但不适用于$'.showtabLIKES.&.DISLIKES'，但我在变量中有LIKES.&.DISLIKES，并将其附加到文本showtab

我的代码是这样做的

 $(document).on("click", ".nav-link-in", function (e){
     var labtemp = $(this).text().trim().replace(/\s+/g, ".");
     var lab = labtemp.replace(/\([\s\d\/]+\)/, ""); // this to remove extra space for `LIKES & DISLIKES` and replace it with .this gives `LIKES.&.DISLIKES` as i am removing number within bracket also
     $("[class*='showtab']").hide();
     $(".showtab"+lab).show();
  }

此代码适用于一个/两个单词的类名，但不适用于两个以上的类名

---

$div[class='showtablelikes&DISLIKES']效果很好，但正如我所说，我在变量中有类名LIKES&DISLIKES。

单个类名不能包含多个单词，并用空格分隔。这是不允许的。所以，如果你说你有一个类喜欢和不喜欢，那是无效的。如果&是有效的类名，则可能有三个类，但不确定。如果您的意思是两个类有两个变量，并且您希望选择同时具有这两个类的元素，那么您应该执行以下操作：

$("."+var1+"."+var2)

有了它，你甚至可以：

$(`.${var1}.${var2}`)

---

它是$div[class='+variable+']，而不是$div[class='+variable+']。例如，阅读文档。它不起作用。到底什么不起作用？如果$div[class='showtableikes&DISLIKES']按预期工作，变量==LIKES&DISLIKES成立，那么$div[class='showtableikes&DISLIKES']相当于$div[class='showtab+variable+']。如果它工作正常，我的IDE在编写该语法时就产生了问题，我犯了一些错误这是类最糟糕的值。。。现在你有了一个可以展示你喜欢、不喜欢和不喜欢的课程。你似乎不明白发生了什么事。回到你的HTML基础。嘿，布拉姆，那么它如何作为类名而不是喜欢和不喜欢的样式猫工作不知道你想说什么，但一个类名不能包含空格。当你有一个空间，这意味着有两个类。也就是说，不包含一个一类二，而是包含两个类，即一类和二类。然后，我可以使用这两个/三个类来选择该div。运算符，如$'.1.2'或$'.1.2.3'，但请注意。他不是接线员。它是一个类选择器，它通过它的类选择一个元素。所以它应该适用于喜欢和不喜欢的元素，我只是遵循了基本原则，但我被困在这部分，$'.showtab'+lab和lab='likes.&dislikes'