jQuery中是否有一种方法可以循环遍历或分配给数组中所有被分配给元素的类?
ex.
<div class="Lorem ipsum dolor_spec sit amet">Hello World!</div>
我将寻找一个“特殊”类,如上面的“dolor_spec”。我知道我可以使用hasClass(),但实际的类名可能并不一定知道。
jQuery中是否有一种方法可以循环遍历或分配给数组中所有被分配给元素的类?
ex.
<div class="Lorem ipsum dolor_spec sit amet">Hello World!</div>
我将寻找一个“特殊”类,如上面的“dolor_spec”。我知道我可以使用hasClass(),但实际的类名可能并不一定知道。
当前回答
问题是Jquery是用来做什么的。
$('.dolor_spec').each(function(){ //do stuff
为什么没有人给出.find()作为答案?
$('div').find('.dolor_spec').each(function(){
..
});
非ie浏览器也有classList:
if element.classList.contains("dolor_spec") { //do stuff
其他回答
var classList = $(element).attr('class').split(/\s+/);
$(classList).each(function(index){
//do something
});
试试这个。这将从document的所有元素中获得所有类的名称。
$(document).ready(function() {
var currentHtml="";
$('*').each(function() {
if ($(this).hasClass('') === false) {
var class_name = $(this).attr('class');
if (class_name.match(/\s/g)){
var newClasses= class_name.split(' ');
for (var i = 0; i <= newClasses.length - 1; i++) {
if (currentHtml.indexOf(newClasses[i]) <0) {
currentHtml += "."+newClasses[i]+"<br>{<br><br>}<br>"
}
}
}
else
{
if (currentHtml.indexOf(class_name) <0) {
currentHtml += "."+class_name+"<br>{<br><br>}<br>"
}
}
}
else
{
console.log("none");
}
});
$("#Test").html(currentHtml);
});
下面是工作示例:https://jsfiddle.net/raju_sumit/2xu1ujoy/3/
javascript为dom中的节点元素提供了classList属性。简单的使用
element.classList
将返回form对象
DOMTokenList {0: "class1", 1: "class2", 2: "class3", length: 3, item: function, contains: function, add: function, remove: function…}
该对象具有您可以使用的包含、添加、删除等函数
为什么没有人简单的上市。
$(element).attr("class").split(/\s+/);
编辑:分裂/\s+/而不是' '修复@MarkAmery的反对。(谢谢@YashaOlatoto。)
你应该试试这个:
$("selector").prop("classList")
它返回元素当前所有类的列表。