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....