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

您將整個字符串包裝為"" ，其中只應包含屬性值