js和jquery通过class遍历
2017-02-25 11:20
295 查看
此前没有用过这种方式,所以不懂。大概总结一下:
通过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);
});
通过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);
});
相关文章推荐
- jquery通过相同的class获取元素并遍历取值
- 通过javascript直接实现jQuery的$(".class1")方法
- 关于用js(jquery)遍历由php传递过来的json数据的方法介绍
- js 、jquery遍历表格遇到的问题
- 网页动态加载图片 通过JS和jquery实现。
- IE8对JS通过属性和数组遍历解析不一样的地方探讨
- js可以利用dom非常轻松的就可以遍历一个表格。当然只要是dom中有的所有对象都可以通过js来访问和处理。
- JS中利用jquery 获得class 进行判断 for循环和each两种方法
- Eclipse通过Spket或Apatana增加js,JQuery提示的方法
- 【js与jquery】jquery的一个通用的专门用于遍历的全局方法$.each()的使用
- 通过js的面向对象来理解jQuery.extend()
- 常用Js JavaScrript Tjquery Class
- jquery 遍历json list js取得json值。
- 通过jquery和js绑定下拉列表
- js一百零一夜之第一夜Jquery id模糊遍历
- 通过Jquery遍历Json的两种数据结构的实现代码
- js/JQuery中遍历数组的方法
- 使用jQuery对js对象和数组的遍历以及序列化
- js/jquery中 遍历JSON
- jquery通过id或name获取标签的值,以及简单的js正则表达式