猿问

请问这段代码如何缩写?

increaseDom:function(){
varthat=this;
varNewOSelects=$('.NewOrders:eq(0)').find('select');
NewOSelects.each(function(i,el){
/*蠢的一笔,但是就是缩减不起来,无法获取到非自己的元素*/
/*if(NewOSelects.length>1){
if(NewOSelects.eq(0).val()==1){
NewOSelects.eq(1).find("option:eq(1)").attr("disabled","disabled");
NewOSelects.eq(2).find("option:eq(1)").attr("disabled","disabled");
NewOSelects.eq(0).find("option:eq(2)").attr("disabled","disabled");
NewOSelects.eq(0).find("option:eq(3)").attr("disabled","disabled");
}elseif(NewOSelects.eq(0).val()==2){
NewOSelects.eq(1).find("option:eq(2)").attr("disabled","disabled");
NewOSelects.eq(2).find("option:eq(2)").attr("disabled","disabled");
NewOSelects.eq(0).find("option:eq(1)").attr("disabled","disabled");
NewOSelects.eq(0).find("option:eq(3)").attr("disabled","disabled");
}elseif(NewOSelects.eq(0).val()==3){
NewOSelects.eq(1).find("option:eq(3)").attr("disabled","disabled");
NewOSelects.eq(2).find("option:eq(3)").attr("disabled","disabled");
NewOSelects.eq(0).find("option:eq(1)").attr("disabled","disabled");
NewOSelects.eq(0).find("option:eq(2)").attr("disabled","disabled");
};
if(NewOSelects.eq(1).val()==1){
NewOSelects.eq(0).find("option:eq(1)").attr("disabled","disabled");
NewOSelects.eq(2).find("option:eq(1)").attr("disabled","disabled");
NewOSelects.eq(1).find("option:eq(2)").attr("disabled","disabled");
NewOSelects.eq(1).find("option:eq(3)").attr("disabled","disabled");
}elseif(NewOSelects.eq(1).val()==2){
NewOSelects.eq(0).find("option:eq(2)").attr("disabled","disabled");
NewOSelects.eq(2).find("option:eq(2)").attr("disabled","disabled");
NewOSelects.eq(1).find("option:eq(1)").attr("disabled","disabled");
NewOSelects.eq(1).find("option:eq(3)").attr("disabled","disabled");
}elseif(NewOSelects.eq(1).val()==3){
NewOSelects.eq(0).find("option:eq(3)").attr("disabled","disabled");
NewOSelects.eq(2).find("option:eq(3)").attr("disabled","disabled");
NewOSelects.eq(1).find("option:eq(1)").attr("disabled","disabled");
NewOSelects.eq(1).find("option:eq(2)").attr("disabled","disabled");
};
}*/
});
},
扬帆大鱼
浏览 338回答 2
2回答

呼如林

看得我头皮发麻,你想要实现一个什么功能能一起贴出来吗?就我能了解到的信息,你至少可以先用一个策略模式来改变这满屏ifelse的困境,比如说:if(NewOSelects.eq(0).val()==1){NewOSelects.eq(1).find("option:eq(1)").attr("disabled","disabled");NewOSelects.eq(2).find("option:eq(1)").attr("disabled","disabled");NewOSelects.eq(0).find("option:eq(2)").attr("disabled","disabled");NewOSelects.eq(0).find("option:eq(3)").attr("disabled","disabled");}elseif(NewOSelects.eq(0).val()==2){NewOSelects.eq(1).find("option:eq(2)").attr("disabled","disabled");NewOSelects.eq(2).find("option:eq(2)").attr("disabled","disabled");NewOSelects.eq(0).find("option:eq(1)").attr("disabled","disabled");NewOSelects.eq(0).find("option:eq(3)").attr("disabled","disabled");}elseif(NewOSelects.eq(0).val()==3){NewOSelects.eq(1).find("option:eq(3)").attr("disabled","disabled");NewOSelects.eq(2).find("option:eq(3)").attr("disabled","disabled");NewOSelects.eq(0).find("option:eq(1)").attr("disabled","disabled");NewOSelects.eq(0).find("option:eq(2)").attr("disabled","disabled");};varhandle={"type_1":function(NewOSelects){NewOSelects.eq(1).find("option:eq(1)").attr("disabled","disabled");NewOSelects.eq(2).find("option:eq(1)").attr("disabled","disabled");NewOSelects.eq(0).find("option:eq(2)").attr("disabled","disabled");NewOSelects.eq(0).find("option:eq(3)").attr("disabled","disabled");}....}//调用handle["type_"+NewOSelects.eq(0).val()](NewOSelects);其他的还可以继续优化,但太多了,写起来很烦就算了。。。自己想办法提取出能够合并的项,然后把变化的部分当成参数发过去就行了。。

aluckdog

我这做了两个假设一是NewOSelects只有0,1,2二是option只有1,2,3不符合的话你再告诉我...然后缩减实际上就是求补集if(NewOSelects.length>1){letvaluevalue=NewOSelects.eq(0).val();NewOSelects.not(':eq(0)').find(`option:eq(${value})`).attr("disabled","disabled");NewOSelects.eq(0).find('option').not(`:eq(${value})`).attr("disabled","disabled");value=NewOSelects.eq(1).val();NewOSelects.not(':eq(1)').find(`option:eq(${value})`).attr("disabled","disabled");NewOSelects.eq(1).find('option').not(`:eq(${value})`).attr("disabled","disabled");}
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答