javascript - 如何使用 JQuery 设置基于第二列 td 匹配的复选框选中？

Question

我想设置当第二列记录匹配时选中复选框。当记录与第二列匹配时，必须设置同一行的复选框被选中。

$("#ContentPlaceHolder1_GridView1 tr td:nth-child(2)").each(function () {
                            //alert($(this).text());
    for(var i = 0;i<data.d.length;i++){
        if ($(this).text() === data.d[i]) {    // "222" === "222"
            alert('data =' + data.d[i] + '  $(this).text() = ' + $(this).text());

            //here I have to set checkbox
        }
    }
});

这是我的 html 代码:

<table id="ContentPlaceHolder1_GridView1">
<tbody>
    <tr>
        <th> </th>                //No column header for checkbox
        <th>Documnet NO</th>
    </tr>
    <tr>
        <td><input id="Checkbox1" class="checkBoxClass" type="checkbox"></td>
        <td>111</td>
    </tr>
    <tr>
        <td><input id="Checkbox2" class="checkBoxClass" type="checkbox"></td>
        <td>222</td>
    </tr>
    <tr>
        <td><input id="Checkbox3" class="checkBoxClass" type="checkbox"></td>
        <td>333</td>
    </tr>
</body>

到目前为止，警报的匹配记录正在工作

Answer 1

可以使用DOM遍历的方式来定位:checkbox，然后使用.prop(key, value)设置其属性

$("#ContentPlaceHolder1_GridView1 tr td:nth-child(2)").each(function () {
    for (var i = 0; i < data.d.length; i++) {
        if ($(this).text() === data.d[i]) {
            $(this).closest('tr') //target common parent i.e. TR
            .find(':checkbox') //Target Checkbox
            .prop('checked', true);
        }
    }
});