javascript - Jquery - 创建动态名称选择器

Question

过去一个小时我一直在玩这个，但就是无法让它工作。

我有一个reactJS组件，它渲染一个网格。渲染网格后，我需要在组件上执行一些 DOM 工作。

有一些复选框需要选中。当 DOM 可用后，如果我在控制台中运行此命令:

$('[name="checkbox0"]').prop('checked', true);

效果很好。

我需要迭代我的对象，并根据条件检查是否。

我的问题是如何使选择器动态化？如何使 checkbox0 动态化，以便将其设置为 checkbox1、checkbox5... 等。

这是我解决该问题的最新尝试，但没有成功:

this.state.rows.forEach(function (index, key, value){
        var test = "'[name=" + "checkbox" + key + "]'" ;

        if(index.selected){
            //$('[name="checkbox0"]').prop('checked', true);
            $(test).prop('checked', true);
        }
    });

Answer 1

您正在尝试使用属性选择器，但动态字符串中的语法错误

var test = '[name="checkbox' + key + '"]'

您正在用 "" 包装整个字符串，它应该只包含属性值