Jquery 单击后更改颜色

单击按钮后，只有选中的输入才会将其父颜色更改为红色（在本例中为“第一”）。当我点击时，没有任何改变

(功能){
$（'duod'）。在（'click'，function（）上{
$（'.tu'）.filter（':checked'）.parent（）.css（'color'，'red'）；
})
})();
弗斯特
>首先
弗斯特
按钮

您的单击逻辑很好，问题在于您将代码放置在一个立即运行的IIFE中。这是在加载DOM之前，并且不存在任何元素

相反，您应该将代码放在document.ready事件处理程序中，如下所示：

$（函数（）{
$（'duod'）。在（'click'，function（）上{
$（'.tu'）.filter（':checked'）.parent（）.css（'color'，'red'）；
})
});
弗斯特
弗斯特
弗斯特
按钮

只需在函数前添加“$”，例如

$(function fun() {
    $('#duod').on('click', function () {
    $('.tu').filter(':checked').parent().css('color', 'red');
    })
})();

---

回答正确-您不需要在就绪处理程序之后使用

（）

。编辑html时，复选框有一个额外的角括号