Javascript 在jquery中使用hasClass未检测到内部类名
Javascript 在jquery中使用hasClass未检测到内部类名,javascript,jquery,Javascript,Jquery,a=$(“”).html('祝您愉快!!!')) console.log('check if wow present?',a.hasClass('wow')) 您的将返回false,因为.hasClass()仅适用于立即元素,而不适用于子元素 将返回类.wow在$a中出现的次数,包括子类的子类(等等)将其转换为布尔值 在下面的代码中,我选择将其作为jQuery插件,这样您就可以使用$element.anyChildHasClass(“哇”),与使用$element.hasClass(“哇”)的方
a=$(“”).html('祝您愉快!!!'))
console.log('check if wow present?',a.hasClass('wow'))
您的将返回false
,因为.hasClass()
仅适用于立即元素,而不适用于子元素
将返回类.wow
在$a
中出现的次数,包括子类的子类(等等)<代码>代码>将其转换为布尔值
在下面的代码中,我选择将其作为jQuery插件,这样您就可以使用$element.anyChildHasClass(“哇”)
,与使用$element.hasClass(“哇”)
的方式相同
//创建jQuery插件
$.fn.anyChildHasClass=函数(类名){
return!!this.find(“.”+className).length;
};
//例1:第一个孩子上课
var$a=$(“”).html('Have good day!!!');
log($a.anyChildHasClass(“哇”))//真的
//例2:没有孩子上课
var$b=$(“”).html('Have good day!!!');
console.log($b.anyChildHasClass(“哇”))//假的
//例3:一个孩子的孩子有班级
var$c=$(“”).html('havegoodday!!!');
console.log($c.anyChildHasClass(“哇”))//正确
您可以使用children().hasClass
a=$(“”).html('祝您愉快!!!'))
console.log('check if wow present?',a.children().hasClass('wow'))
如果代码应考虑嵌套级别,则使用$().length
a=$(“”).html('祝您愉快!!!'))
console.log('check if wow present?',0
这里唯一需要注意的是,它只检查直系子女,但仍然是一个干净的回答+1 :)