‘壹’ jquery中each 跳出为什么用return false
由于jQuery的each是通过循环调用回调函数的方式实现的，所以在函数内写的break只适用于函数内部的逻辑，并不能对函数外层的循环起到作用，所以break不管用。具体可以分析一下jQuery的源码，下面以jQuery2.1.4中的each方法举例：
each:function(obj,callback,args){
varvalue,
i=0,
length=obj.length,
isArray=isArraylike(obj);//如果obj是一个类似数组的结构（可用for遍历的），则为true
if(args){
if(isArray){
for(;i<length;i++){
value=callback.apply(obj[i],args);//循环调用
if(value===false){//如果返回值全等于（包括类型和值）false，就退出循环
break;
}
}
}else{
for(iinobj){//这种是对象的，需要用forin遍历
value=callback.apply(obj[i],args);
if(value===false){
break;
}
}
}
//Aspecial,fast,caseforthemostcommonuseofeach
}else{
if(isArray){
for(;i<length;i++){
value=callback.call(obj[i],i,obj[i]);
if(value===false){
break;
}
}
}else{
for(iinobj){
value=callback.call(obj[i],i,obj[i]);
if(value===false){
break;
}
}
}
}
returnobj;
}由源码可以看出，只有回调函数返回的值为false时，才会退出循环
‘贰’ 急！简单Javascript/js/jquery代码实现，源码如下
<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.9.1.js">
</script>
<script>
$(document).ready(function(){
$("#zh").click(function(){
var ys1=$('#ys1').val();
var ys2=$('#ys2').val();
var htmlstr='';
$("input[name='cb']:checked").each(function(){
if(ys1!=""){
htmlstr+='<input type="text" value="颜色1:'+ys1+'-'+$(this).val()+'"><br/>';
}
if(ys2!=""){
htmlstr+='<input type="text" value="颜色2:'+ys2+'-'+$(this).val()+'"><br/>';
}
})
$("#cc").html(htmlstr);
});
});
</script>
</head>
<body>
颜色1<select name="st[]" id="ys1"> <option> <option value="1">y1 <option value="2">y2 <option value="3">y3</select><br>颜色2<select name="st[]" id="ys2"> <option> <option value="1">y1 <option value="2">y2 <option value="3">y3</select><br>尺码: <br><input type="checkbox" name="cb" value="a">X1<input type="checkbox" name="cb" value="b">X2<input type="checkbox" name="cb" value="c">X3<input type="button" value="组合" onclick="" id="zh"><br><br>需求：如果颜色1选择为1<br>如果颜色2选择为2<br>尺码选择a和b<br>点击【组合】按钮后——创建4个input如下:value值分别为1-a、1-b、2-a、2-b
<div id="cc">
</div>
</body>
</html>