JQuery - Создать динамический селектор имен

Question

Я играл с этим в течение последнего часа, но просто не могу заставить его работать.

У меня есть компонент responseJS, который отображает сетку. После рендеринга сетки мне нужно выполнить некоторую работу 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 + '"]' 

Вы оберточной всю строку с "", где она должна иметь только значение атрибута