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 + '"]').

Answer 2

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

将寻找：

<input name="x" />

尝试

$(name="'+x+'").removeClass("hidden");

Answer 3

采用document.getElementById('element_name')

HTML 元素示例： <input type="text" id="element_name">