单击特定同级元素时选中复选框

Question

我在单击第一个或第三个TD时尝试检查第三个TD中的复选框，但是在单击第二个TD时却没有。这是我无法上班的代码：

<tr class="item" id="sku999">
      <td>Hat</td>
      <td class="valueButton"></td>
      <td><input type="checkbox" name="choice" value="10.00"></td>
</tr>

$(document).on({
    click: function () {
        $(this).toggleClass('blueChecked');
        $(this).prevAll.toggleClass('blueChecked');
        $(this).nextAll.toggleClass('blueChecked');
        if (event.target.type !== 'checkbox') {
            $(':checkbox', this.parent()).attr('checked', function() {
                return !this.checked;
            });
        }
    }
}, "tr.item td:not('.valueButton')");

更新：我忘了提及我需要切换复选框。

更新：已解决！

$(document).on({
    click: function () {
        $("td:not('.valueButton')", $(this).parent()).toggleClass('blueChecked');

        if (event.target.type !== 'checkbox') {
            $(':checkbox', $(this).parent()).attr('checked', function() {
                return !this.checked;
            });
        }
    }
}, "tr.item td:not('.valueButton')");

Answer 1

试试这个

$('td:not(:nth-child(1))').click(function{
             $('td:nth-child(2) checkbox').prop('checked',true);
    });