Javascript在段落包含复选框时向段落添加类

Javascript在段落包含复选框时向段落添加类,javascript,css,Javascript,Css,因此,我尝试仅当段落包含复选框时才向段落添加类。这是我的代码(显然有错误) 因为这似乎是jQuery $("p:has(:checkbox)").addClass("stylename"); 演示:因为这似乎是jQuery $("p:has(:checkbox)").addClass("stylename"); 演示:因为这似乎是jQuery $("p:has(:checkbox)").addClass("stylename"); 演示:因为这似乎是jQuery $("p:has(:che

因此,我尝试仅当段落包含复选框时才向段落添加类。这是我的代码(显然有错误)


因为这似乎是jQuery

$("p:has(:checkbox)").addClass("stylename");

演示:

因为这似乎是jQuery

$("p:has(:checkbox)").addClass("stylename");

演示:

因为这似乎是jQuery

$("p:has(:checkbox)").addClass("stylename");

演示:

因为这似乎是jQuery

$("p:has(:checkbox)").addClass("stylename");

演示:

我建议选择相关输入,然后设置其祖先的样式:

$('input[type="checkbox"]').closest('p').addClass('stylename');

参考资料:


我建议选择相关输入,然后设置其祖先的样式:

$('input[type="checkbox"]').closest('p').addClass('stylename');

参考资料:


我建议选择相关输入,然后设置其祖先的样式:

$('input[type="checkbox"]').closest('p').addClass('stylename');

参考资料:


我建议选择相关输入,然后设置其祖先的样式:

$('input[type="checkbox"]').closest('p').addClass('stylename');

参考资料:


谢谢@谢谢@谢谢@谢谢@cookie monster+1,因为尽管我给出了答案,但在使用非标准选择器时,我还是有点偏执。有效的选择器是IMO的选择方式,即使它稍微长一点。:-)@大卫托马斯,我不想滥用你的帮助,但这对你来说似乎很容易。如果我想在复选框未选中的情况下改变段落的样式如何?(在小提琴中?)我不是程序员,所以这对我来说并不简单。我正在设置复选框的样式,我找到了一个很好的解决方案,但我的段落需要有一个类。我遇到过的最简单的复选框样式解决方案+1因为尽管我给出了答案,但在使用非标准选择器时,我还是有点偏执。有效的选择器是IMO的选择方式,即使它稍微长一点。:-)@大卫托马斯,我不想滥用你的帮助,但这对你来说似乎很容易。如果我想在复选框未选中的情况下改变段落的样式如何?(在小提琴中?)我不是程序员,所以这对我来说并不简单。我正在设置复选框的样式,我找到了一个很好的解决方案,但我的段落需要有一个类。我遇到过的最简单的复选框样式解决方案+1因为尽管我给出了答案,但在使用非标准选择器时,我还是有点偏执。有效的选择器是IMO的选择方式,即使它稍微长一点。:-)@大卫托马斯,我不想滥用你的帮助,但这对你来说似乎很容易。如果我想在复选框未选中的情况下改变段落的样式如何?(在小提琴中?)我不是程序员,所以这对我来说并不简单。我正在设置复选框的样式,我找到了一个很好的解决方案,但我的段落需要有一个类。我遇到过的最简单的复选框样式解决方案+1因为尽管我给出了答案,但在使用非标准选择器时,我还是有点偏执。有效的选择器是IMO的选择方式,即使它稍微长一点。:-)@大卫托马斯,我不想滥用你的帮助,但这对你来说似乎很容易。如果我想在复选框未选中的情况下改变段落的样式如何?(在小提琴中?)我不是程序员,所以这对我来说并不简单。我正在设置复选框的样式,我找到了一个很好的解决方案,但我的段落需要有一个类。我遇到过的最简单的复选框样式解决方案!!!