if? (num==00){}? if (num==01){}? ..................這塊有兩段 if 判斷是重復的，能不能給封裝起來？或者怎么寫能簡化代碼？/*向右按鈕點擊切換----開始*/
????var?prev_num?=?null;
????var?ibm_carousel_next?=?document.getElementsByClassName('ibm-carousel-next')[0];
????ibm_carousel_next.onclick?=?function()?{
????????var?slick_dots?=?document.getElementsByClassName('slick-dots')[0];
????????var?slick_dots_li?=?slick_dots.getElementsByTagName('li');
????????for?(var?i?=?0;?i?<?slick_dots_li.length;?i++)?{
????????????if?(slick_dots_li[i].getAttribute('class')?==?'slick-active')?{
????????????????prev_num?=?slick_dots_li[i].id;
????????????????console.log(prev_num);
????????????????var?myString?=?prev_num;
????????????????var?num?=?myString.substring(11,?13);
????????????????console.log(num);
????????????????if?(num?==?00)?{
????????????????????var?h3_description?=?document.getElementById('h3_description');
????????????????????var?p_description_1?=?document.getElementById('p_description_1');
????????????????????var?p_description_2?=?document.getElementById('p_description_2');
????????????????????h3_description.innerHTML='';
????????????????????p_description_1.innerHTML='Watson?is?a?cognitive?system?that?understands,?reasons?and?learns.?Marchesa?is?an?iconic?high?fashion?brand?that?inspires,?empowers?and?creates.?See?how?they?worked?together?to?outthink?the?limits?of?fashion.';
????????????????????p_description_2.innerHTML='';
????????????????????var?thumbnail?=?document.getElementsByClassName('thumbnail');
????????????????????for?(var?i?=?0;?i?<?thumbnail.length;?i++)?{
????????????????????????thumbnail[0].src?=?"./images/thumbnail_0.jpg";
????????????????????????thumbnail[1].src?=?"./images/thumbnail_1.jpg";
????????????????????????thumbnail[2].src?=?"./images/thumbnail_2.jpg";
????????????????????};
????????????????}
????????????????if?(num?==?01)?{
????????????????????var?h3_description?=?document.getElementById('h3_description');
????????????????????var?p_description_1?=?document.getElementById('p_description_1');
????????????????????var?p_description_2?=?document.getElementById('p_description_2');
????????????????????h3_description.innerHTML='Man-and-Machine?Mix-and-Match';
????????????????????p_description_1.innerHTML='How?can?designers?keep?materials?exciting??IBM?Watson?developer?partner?<a?target="_blank"?;
????????????????????p_description_2.innerHTML='';
????????????????????var?thumbnail?=?document.getElementsByClassName('thumbnail');
????????????????????for?(var?i?=?0;?i?<?thumbnail.length;?i++)?{
????????????????????????thumbnail[0].src?=?"./images/thumbnail_1.jpg";
????????????????????????thumbnail[1].src?=?"./images/thumbnail_2.jpg";
????????????????????????thumbnail[2].src?=?"./images/thumbnail_3.jpg";
????????????????????};
????????????????}
????????????}
????????}
????};
????/*向右按鈕點擊切換----結(jié)束*/
????/*向左按鈕點擊切換----開始*/
????var?next_num?=?null;
????var?ibm_carousel_prev?=?document.getElementsByClassName('ibm-carousel-prev')[0];
????ibm_carousel_prev.onclick?=?function()?{
????????var?slick_dots?=?document.getElementsByClassName('slick-dots')[0];
????????var?slick_dots_li?=?slick_dots.getElementsByTagName('li');
????????for?(var?i?=?0;?i?<?slick_dots_li.length;?i++)?{
????????????if?(slick_dots_li[i].getAttribute('class')?==?'slick-active')?{
????????????????next_num?=?slick_dots_li[i].id;
????????????????console.log(next_num);
????????????????var?myString?=?next_num;
????????????????var?num?=?myString.substring(11,?13);
????????????????console.log(num);
????????????????if?(num?==?00)?{
????????????????????var?h3_description?=?document.getElementById('h3_description');
????????????????????var?p_description_1?=?document.getElementById('p_description_1');
????????????????????var?p_description_2?=?document.getElementById('p_description_2');
????????????????????h3_description.innerHTML='';
????????????????????p_description_1.innerHTML='Watson?is?a?cognitive?system?that?understands,?reasons?and?learns.?Marchesa?is?an?iconic?high?fashion?brand?that?inspires,?empowers?and?creates.?See?how?they?worked?together?to?outthink?the?limits?of?fashion.';
????????????????????p_description_2.innerHTML='';
????????????????????var?thumbnail?=?document.getElementsByClassName('thumbnail');
????????????????????for?(var?i?=?0;?i?<?thumbnail.length;?i++)?{
????????????????????????thumbnail[0].src?=?"./images/thumbnail_0.jpg";
????????????????????????thumbnail[1].src?=?"./images/thumbnail_1.jpg";
????????????????????????thumbnail[2].src?=?"./images/thumbnail_2.jpg";
????????????????????};
????????????????}
????????????????if?(num?==?01)?{
????????????????????var?h3_description?=?document.getElementById('h3_description');
????????????????????var?p_description_1?=?document.getElementById('p_description_1');
????????????????????var?p_description_2?=?document.getElementById('p_description_2');
????????????????????h3_description.innerHTML='Man-and-Machine?Mix-and-Match';
????????????????????p_description_1.innerHTML='How?can?designers?keep?materials?exciting??IBM?Watson?developer?partner?<a?target="_blank"?;
????????????????????p_description_2.innerHTML='';
????????????????????var?thumbnail?=?document.getElementsByClassName('thumbnail');
????????????????????for?(var?i?=?0;?i?<?thumbnail.length;?i++)?{
????????????????????????thumbnail[0].src?=?"./images/thumbnail_1.jpg";
????????????????????????thumbnail[1].src?=?"./images/thumbnail_2.jpg";
????????????????????????thumbnail[2].src?=?"./images/thumbnail_3.jpg";
????????????????????};
????????????????}
????????????}
????????}
????}
我的代碼有兩段 if 判斷是重復的，請問怎么寫能簡化代碼？
阿爾濱必勝
2016-10-31 22:36:07