jquery 怎样做一个className列表？

mingfish 2010-01-03 11:09:27

我想做一个class名称列表放到数组中去，里面没有空元素和重复项，请问怎么做，下面的代码有缺陷，请高手帮忙改改。



<script type="text/javascript" src="http://localhost/leb/auto/js/jquery-latest.js"></script>

<script type="text/javascript">

	function output_css(){

		var css_sheet=[];

		for(var i in $(".page *")){

			var css_name=$(".page *")[i].className;

			if(css_name!=""){

				css_sheet.push(css_name);

			}

		}

		alert(css_sheet);

	}

	$(function(){

		output_css();		//输出的结构很多“,,,,,,”空元素。

	})

</script>

<body>

	<div class="page">

		<div class="head">

			<div class="line">

				<div class="mod logo" >

					<div class="inner">

						<div class="hd ">

							<h3>logo</h3>

						</div>

						<div class="bd li li_24 li_h24">

							<ul>

								<li><a href="#">测试</a></li>

							</ul>

						</div>

					</div>

				</div>

			</div>

			<div class="line"></div>

			<div class="line"></div>

		</div>

		<div class="body">

			.....

		</div>

		<div class="foot">

			.....

		</div>

	</div>

</body>

...全文

121 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

mingfish 2010-01-04

打赏
举报

组合各位的意见，自己写了一个，复杂了点



<script type="text/javascript">

var class_sheet=[];

function output_css(){

	var classList = "";

	var classList2 = "";

	var temp_array=[];

	$(".page *").each(function(i){

		var curClass = $(this).attr('class').replace(/(^\s)|(\s$)/,"");

		classList=classList+" "+curClass;

		temp_array=classList.split(" ");

		for (var i in temp_array){

			if((classList2.indexOf(temp_array[i]+" "))==-1){

				classList2=classList2+temp_array[i]+" ";

			}

		}

	});

	classList2=classList2.replace(/(^\s)|(\s$)/g, "");

	class_sheet=classList2.split(" ");

}

$(function(){

	output_css();

})

</script>

singlion 2010-01-04

打赏
举报

[Quote=引用 5 楼 mingfish 的回复:]
组合各位的意见，自己写了一个，复杂了点
JScript code<script type="text/javascript">var class_sheet=[];function output_css(){var classList="";var classList2="";var temp_array=[];
$(".page *").each(function(i){var curClass= $(this).attr('class').replace(/(^\s)|(\s$)/,"");
classList=classList+""+curClass;
temp_array=classList.split("");for (var iin temp_array){if((classList2.indexOf(temp_array[i]+""))==-1){
classList2=classList2+temp_array[i]+"";
}
}
});
classList2=classList2.replace(/(^\s)|(\s$)/g,"");
class_sheet=classList2.split("");
}
$(function(){
output_css();
})</script>
[/Quote]

有些元素可能没有class属性，就不用判断了，把$(".page *")改成$(".page *[class]")可能更好点吧

mrshelly 2010-01-03

打赏
举报



<script type="text/javascript">

	var classList = [];

	$("*").each(function(idx){

		var curClass = $(this).attr('class');

		if(typeof(curClass) != 'undefined'){

			if(!(curClass in classList)){

				classList[classList.length] = curClass;

			}

		}

	});



	alert(classList);

</script>

neongeo 2010-01-03

打赏
举报

不懂jquery, 用javascript来积分

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
<div class="page">
<div class="head">
<div class="line">
<div class="mod logo" >
<div class="inner">
<div class="hd ">
<h3>logo</h3>
</div>
<div class="bd li li_24 li_h24">
<ul>
<li><a href="#">测试</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="line"></div>
<div class="line"></div>
</div>
<div class="body">
.....
</div>
<div class="foot">
.....
</div>
</div>

<script language="javascript">
Array.prototype.unique =
function() {
var a = [];
var l = this.length;
for(var i=0; i<l; i++) {
for(var j=i+1; j<l; j++) {
// If this[i] is found later in the array
if (this[i] === this[j])
j = ++i;
}
a.push(this[i]);
}
return a;
};

var divs = document.getElementsByTagName("div");
var classname_str = "";
for( i in divs){
classname_str += divs.item(i).className + " ";
}
classname_str = classname_str.replace("/\s\s+/", " ");
var classname_array = classname_str.split(" ");
classname_array.splice(classname_array.length -1, 1);
alert(classname_array.unique())

</script>
</body>
</html>

xmliy 2010-01-03

打赏
举报



var css_sheet = [];

$('.page *').each(function() {

    if (this.className != '') css_sheet.push(this.className);

});

zhyzdl 2010-01-03

打赏
举报

study

数据库为webdatabase.sql ，里面有两个表，一个为student,另一个为classtable,其中classtable中定义了两个字段classId和className,student表中定义了id(主键)、studentId、studentName、sex、className。导航树的一...

jQuery快速开发资料jQuery案例代码素材笔记作业资料，学习资料 01-getElementById获取元素.html 02-getElementsByTagName获取某些元素.html 03-H5新增获取元素方式(1).html 04-获取特殊元素.html 05-事件三要素....

jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令...

在script区域写入语法【打开官方网站，在每个样式的图片上的语法，注意this代表当前对象标签，换句话说，你可以把this换成一个其他名字，然后再body区域要圆角的div标签添加class去引用这个名字】 // ...

简单实用的jQuery自定义百度地图标注信息代码，支持鼠标自由拖拽、放大缩小地图，更换标注图标等。实例参数 new BaiduMap({ id: "container1", title: { text: "北京故宫博物院", className: "title" }...

JavaScript

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章