JQuery 遍历对象(DOM,数组,JSON)方法
2016-04-16 12:50
871 查看
1、遍历DOM对象
$('div').each(function(){
alert($(this).attr('id'));//这里$(this)就是正在遍历的子对象
});
2、遍历JSON对象
<pre name="code" class="javascript">$.getJSON(
'/admin/index.php?app=cate_recommend&act=ajax_get_child_categories',
{'parent_id':obj.find("option:selected").attr('id')},
function(data){
var html = '<select name=\'cate_id\'>';
$.each(data,function(i,item){
html += '<option value=\''+item.cate_id+'\'>'+item.cate_name+'</option>';
if(item.has_child){
$.each(item.child,function(j,vo){
html += '<option value=\''+vo.cate_id+'\'>----'+vo.cate_name+'</option>';
});
}
}
);
html += '</select>';
$('#tr_se').show();
$('#selects').html(html);
}
);
3、遍历数组对象
$.each(data.data, function(index,vo) {
html += '<li id="'+vo.id+'" onclick="student_sel($(this))">'+vo.nick_name+'</li>';
});
$('div').each(function(){
alert($(this).attr('id'));//这里$(this)就是正在遍历的子对象
});
2、遍历JSON对象
<pre name="code" class="javascript">$.getJSON(
'/admin/index.php?app=cate_recommend&act=ajax_get_child_categories',
{'parent_id':obj.find("option:selected").attr('id')},
function(data){
var html = '<select name=\'cate_id\'>';
$.each(data,function(i,item){
html += '<option value=\''+item.cate_id+'\'>'+item.cate_name+'</option>';
if(item.has_child){
$.each(item.child,function(j,vo){
html += '<option value=\''+vo.cate_id+'\'>----'+vo.cate_name+'</option>';
});
}
}
);
html += '</select>';
$('#tr_se').show();
$('#selects').html(html);
}
);
3、遍历数组对象
$.each(data.data, function(index,vo) {
html += '<li id="'+vo.id+'" onclick="student_sel($(this))">'+vo.nick_name+'</li>';
});
相关文章推荐
- jquery实现轮询
- 用jQuery写的简单两级树形菜单
- jQuery实现的倒计时效果实例小结
- jQuery实现漂亮实用的商品图片tips提示框效果(无图片箭头+阴影)
- jQuery实现无限往下滚动效果代码
- jQuery遍历json的方法分析
- jQuery 获取元素并添加
- knockoutjs+jquery.gridgroup 实现table数据加载和行合并
- jQuery选择器大全
- JQuery中鼠标划过一级菜单,有二级菜单的就显示的处理
- jQuery遍历json的方法分析
- jQuery实现无限往下滚动效果代码
- jQuery实现漂亮实用的商品图片tips提示框效果(无图片箭头+阴影)
- jQuery实现的倒计时效果实例小结
- 十条jQuery代码片段助力Web开发效率提升
- jQuery实现下拉菜单
- jQuery
- jQuery操作radio、checkbox、select总结
- [转]jQuery-获取屏幕高度、宽度
- jquery插件