prototype.js分析 $w()関数

JavaScript

用例2

  • 処理を加えた結果が欲しいのでcollect()を使ってarrayに収める。処理を加えるだけの場合はeach()を使う、と。
<script src="prototype1.6.js"></script>
<script>
function $(element){
	if(arguments.length > 1){
		for(var i=0, elements = [], length = arguments.length; i<length; i++)
			elements.push($(arguments[i]));
		return elements;
	}
	if(typeof(element) == "string")
		element = document.getElementById(element);
	return Element.extend(element);
}
function test(){
	var array = $w("test1 test2 test3").collect(function(v, k){
		return $(v);
	});
	console.log(array);
	
	array.each(function(v, k){
		v.hide();
	});
		
}
</script>

<div id="test1">
HOGE1
</div>
<div id="test2">
HOGE2
</div>
<div id="test3">
HOGE3
</div>

<p onclick="test()"> click </p>