Javascript添加类到段落如果段落包含复选框

Javascript adding class to paragraph if paragraph contains checkbox

本文关键字:段落包 复选框 如果 段落 添加 Javascript      更新时间:2023-09-26

所以,我试图添加一个类的段落,只有当段落包含一个复选框。这是我的代码(显然有错误)。

$(window).load(function() {
$('p').each(function(){
var p = element.parentNode;
if ( $(this).val() != '') 
if ( $(this).val().indexOf('checkbox')>=0) 
{
p.className = p.className + "stylename";
} 
else {alert ('the if function works');}  // test
}
);})

既然这似乎是jQuery…

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

演示: http://jsfiddle.net/LMB7L/

我建议选择相关的输入,然后样式化它的祖先:

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

JS Fiddle demo.

引用:

  • addClass() .
  • closest() .