1. 程式人生 > >js和jquery通過class遍歷

js和jquery通過class遍歷

此前沒有用過這種方式,所以不懂。大概總結一下:

通過js的document.getElementsByClassName("");獲得的是陣列;不能使用jq中的each;不過可以使用for來替代。

功能是將mui的選擇器選定值填入之前點選的div下的span中。
下面是js片段:

				var btns = document.getElementsByClassName("shevhiTap");
				for( var y = 0, j = btns.length; y < j; y++){
					btns[y].addEventListener('tap', function() {
						var ids = this.children[0];
						userPicker.show(function(items) {
							ids.innerText = JSON.stringify(items[0].text);
						});
					}, false);
				}

jquery方式:
				var btns = $('.shevhiTap');
				btns.each(function(i, btn) {
					btn.addEventListener('tap', function() {
						var ids = this.children[0];
						userPicker.show(function(items) {
							ids.innerText = JSON.stringify(items[0].text);
						});
					}, false);
				});