js常用工具(js中find和each用法)

持续更新…

1、将选中的多选框放进数组

var array= [];
var temp = {};
$.each($("#tbody tr"),
function(i, n) {
    if ($(n).find('input[type="checkbox"]').is(':checked')) {
        temp = $(n).find("td[name='name']").text();
        array.push(temp);
    }
})

2、ztree重新加载

$.fn.zTree.getZTreeObj("ztreeName");

3、控制表格中的select不可选

$.each($("#tbody").find("[name=tr]"), function (i, n) {
    $(n).find("[name=deployWay]").children('select').attr("disabled", "disabled");
});

4、js中find和each用法

//find
	if (!$("#tbody tr").find('input[type="checkbox"]').is(':checked')) {
    dialog({
        id: 'info',
        title: '提示',
        content: document.getElementById('infoDiv'),
        width: 400
    }).showModal();
    $("#infoConfirm").text("确定删除?");
//each
	flag = 0;
    $.each($("#tbody tr"),
        function (i, n) {
            if ($(n).find('input[type="checkbox"]').is(':checked')) {
                var temp = $(n).find("td").find("[name='deploy']").find("option:selected").val();
                if (temp == "") {
                    flag = false;
                    flag++;
                    if (flag == 2) {
                        return false;
                    }
                }
            }
        })
}

5、鼠标左键和ctrl合用

$(".container").mousedown(function(event) { 
    if (event.button == 0) { // 鼠标左键
        if (event.ctrlKey) { //  ctrl
            if ($(this).hasClass("redBorder")) {
                $(this).removeClass("redBorder");
            } else {
                $(this).addClass("redBorder");
            }
        }
    }
})

6、左键拉动表格横向滑动,不用滚动条;#bdiv要包裹table

$(function(){
    $("#bdiv").mousedown(function(e){//鼠标按下绑定鼠标移动事件
        if (e.button == 0) { // 鼠标左键
        var lex = e.pageX;
        $("#bdiv").mousemove(function(event){
            $(this).scrollLeft($(this).scrollLeft() - (event.pageX - lex));
            lex = event.pageX;
        });
        }
    });
    $("#bdiv").mouseup(function(event){//鼠标松开,释放绑定事件
        $(this).unbind("mousemove");
    });
});

7、在表格中判断关键字并修改字体css样式

if($.trim(roleName) == "钻石"){
     $.each($('#tbody1 tr'), function(i, n){
          if($(n).find("[name=statusTd]").text()=="在线"){
               $(n).find("[name=statusTd]").css('color','green');
               $(n).find("[name=onlineI]").addClass("none");
          } else {
               $(n).find("[name=statusTd]").css('color','red');
               $(n).find("[name=deleteI]").addClass("none");
          }
     })
}

8、

1.获取选中值,三种方法都可以:
$('input:radio:checked').val()$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();
2.设置第一个Radio为选中值:
$('input:radio:first').attr('checked', 'checked');
或者
$('input:radio:first').attr('checked', 'true');
注:attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)
3.设置最后一个Radio为选中值:
$('input:radio:last').attr('checked', 'checked');
或者
$('input:radio:last').attr('checked', 'true');
4.根据索引值设置任意一个radio为选中值:
$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值