选择标签 

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<style>
*{margin:0;padding:0;}
ul,li{
list-style:none;    
}
.work,.opc,.age,.stu{
width:500px;
height:30px;    
}
.work-item,.opc-item,.age-item,.stu-item{
width:50px;
text-align:center;
background-color:pink;    
}
.all{
background-color:blue;
color:#fff;
}
</style>
<body>
<div class="work">
<span class="all">300</span>
<span class="work-item mycode">3001</span>
<span class="work-item mycode">3002</span>
<span class="work-item mycode">3003</span>
</div>
<div class="opc">
<span class="all">400</span>
<span class="opc-item mycode">4001</span>
<span class="opc-item mycode">4002</span>
<span class="opc-item mycode">4003</span>
</div>
<div class="age">
<span class="all">500</span>
<span class="age-item mycode">5001</span>
<span class="age-item mycode">5002</span>
<span class="age-item mycode">5003</span>
</div>
<div class="stu">
<span class="all">600</span>
<span class="stu-item mycode">6001</span>
<span class="stu-item mycode">6002</span>
<span class="stu-item mycode">6003</span>
</div>

<script>
/*
var te =[3001,4002,5003];
var tt = [300];
for(var j=0;j<te.length;j++){
    var teTs = te[j].toString().substr(0,3);
    if(teTs == tt.toString()){
        te.splice(j,1);
    }
    console.log(teTs);
    console.log(te)
}
*/
var test = [300,400,500,600,700];
var at = 300;
if(test.indexOf(at)!=-1){
    test.splice(test.indexOf(at),1);
}

console.log(test);
console.log(test)
var allTags=[];
var tagcodes=[];
// 查找指定位置
//Array.prototype.indexOf = function(val) {
//for (var i = 0; i < this.length; i++) {
//if (this[i] == val) return i;
//}
//return -1;
//};
//delete one
/**
Array.prototype.remove = function(val) {
var index = this.indexOf(val);
if (index > -1) {
this.splice(index, 1);
}
};
**/
//数组去重
Array.prototype.unique3 = function(){
var res = [];
var json = {};
for(var i = 0; i < this.length; i++){
if(!json[this[i]]){
res.push(this[i]);
json[this[i]] = 1;
}
}
return res;
}
// gel all
function getAll(){
    $('.all').click(function(){
    allTags.push($(this).html());
    allTags = allTags.unique3();
    console.log(allTags);
    
    //选择全部时去掉标签中子类
    for(var k=0;k<tagcodes.length;k++){
        for(var m=0;m<allTags.length;m++){
            if(tagcodes[k].toString().substr(0,3)==allTags[m].toString()){
                tagcodes.splice(k,1);
            }
        }
    }
    console.log(tagcodes)
        
    console.log('这里是标签')
    console.log(tagcodes);
    console.log('这里是全部')
    console.log(allTags)
    
    })    
}
//选择标签 单选    
function getTags(){

    $('.mycode').click(function(){
    //console.dir($(this).html());
    //保证是单选
    for(var l=0;l<tagcodes.length;l++){
        if(tagcodes[l].toString().substr(0,3)==$(this).html().toString()){
            tagcodes.splice(l,1)
        }
    }
    tagcodes.push($(this).html());
    tagcodes=tagcodes.unique3();
    //选择标签时去掉相应的全部
        for(var j=0;j<tagcodes.length;j++){
            for(var n=0;n<allTags.length;n++){
                if(tagcodes[j].toString().substr(0,3)==allTags[n].toString()){
                    console.log(allTags[n])
                    allTags.splice(n,1)
                }
            }
        }
        console.log(allTags)
        console.log(tagcodes)
    });
}


$(function(){
getAll();    
getTags();
var t = 1324;
var bn = 12235;
//console.log(bn.indexOf(1))
})
</script>
</body>
</html>

 

posted @ 2017-03-12 21:33  Terre  阅读(249)  评论(0)    收藏  举报

风光无限好