您的位置:首页 > Web前端 > JQuery

JQuery对表格进行处理的技巧总结

2014-04-23 14:28 295 查看
1、表格奇数行和偶数行分别添加样式
$(function(){
$('tr:odd').addClass("odd");
$('tr:even').addClass("even");
});

不算表的头部

$(function(){
$('tbody>tr:odd').addClass("odd");
$('tbody>tr:even').addClass("even");
});


2、单选框控制行的高亮显示
$('tobdy>tr').click(function(){
$(this).addClass('selected')
.siblings().removeClass('selected')
.end()                // 重新返回该对象
.find(':radio').attr('checked',true);
});


3、复选框控制行的高亮显示
$('tobdy>tr').click(function(){
if( $(this).hasClass('selected') ){    // 判断是否有selected高亮样式
$(this).removeClass('selected')
.find(':checkbox').attr('checked',false);
}else{
$(this).addClass('selected')
.find(':checkbox').attr('checked',true);
}
});


4、表格内容筛选
$(function(){
$('table tbody tr').hide()
.filter(":contains(李)").show();
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: