当类是变量时在2个div之间切换

Question

尝试在div之间切换，我发现了这一点：

Toggle Between Two divs

当类是静态的时，这就像一个符咒。我有一个页面，其中类是变量：

var id = $(this).attr('id');
var cShow = "client_"+id;
var cEdit = "clientChange_"+id;
$('.'+cShow,'.'+cEdit).toggle();

我如何将整个标识符封装在引号中。

上面的解决方案是：

 $('.class1,.class2').toggle();

我的变成：

 $('class1','class2').toggle();

Answer 1

您的连接稍微有些错，这应该可以解决问题：

$('.'+cShow+',.'+cEdit).toggle();

Answer 2

奔！如果您不受旧版浏览器的支持，或使用例如Babel编译器，可以使用字符串插值获得更简洁的解决方案。

$(`.${cShow},.${cEdit}`).toggle();

或者，如果您有一组类名，只需将它们用逗号连接即可。

const classes = ['user_123', 'active', 'golden-style', 'hello-world'];
const classesStr = classes.map(c => '.' + c).join(',');
console.log(classesStr);