javascript - 在javascript中使用变量动态引用html元素

Question

如果勾选了复选框，我正在尝试使用 jQuery/javascript 从命名输入元素中删除类。

我有几个复选框，每个复选框都有一个附带的隐藏(页面加载)文本输入字段。

复选框和文本输入字段分别命名为“question_X”和“question_X_description”。 (例如，其中 X 是 0 到 100 之间的数字)

因此，我尝试在代码中定义一个变量，该变量定义为“此元素的名称”+“_description”，然后使用它来定义合适的元素以从中删除该类。

这是我尝试过的:

$('input:checkbox').change(function(){

var x = $(this).attr('name').'_description';

if($(this).is(":checked")) {
    $('input[name="x"]').removeClass("hidden");
} else {
     $('input[name="x"]').addClass("hidden");
}
});

但是，当选中任何复选框时，不会发生任何情况。我是否正确引用了我的变量？

Answer 1

使用你的控制台，它会出现错误消息。

第一期

var x = $(this).attr('name').'_description';
                           ^^^

这不是在 JavaScript 中构建字符串的方式。 JavaScript 不使用 . 来连接字符串。它使用 +

var x = $(this).attr('name') + '_description';

第二期

$('input[name="x"]').

您不是在寻找您构建的字符串，而是在寻找名为 x 的元素

需要

$('input[name="' + x + '"]').