遞歸錯誤

Question

當我上面的代碼在到達的OPTGROUP結束，它停止...不讀的最後一個選項元素......這是怎麼回事？感謝

的console.log（ '進入'）;

• 這是HTML 選擇--- 選項 OPTGROUP --- 選項 選項 選項

  var t,v = ''; 
  
  el = $(selector).get(0); 
  
  if(el.hasChildNodes()){ 
  
       var li = '<ul>' ; 
       for(var i = 0; i < el.childNodes.length; i++){ 
         console.log('-----'+i+' '+el.childNodes[i].nodeName); 
         //console.log(el.childNodes[i].nodeName + ' -> '+ $(el.childNodes[i]).text()); 
         if(el.childNodes[i].nodeName == 'OPTION'){ 
  
          t = $(el.childNodes[i]).text(); 
          v = $(el.childNodes[i]).val(); 
  
          li = li + "<li value='"+v+"' >"+t+"</li>"; 
  
         }else if(el.childNodes[i].nodeName == 'OPTGROUP'){ 
  
          if(el.childNodes[i].hasChildNodes()){ 
           var c = MacOsxSelectOptionToLi(el.childNodes[i]); 
           /*var c = '<ul>'; 
           for(var j = 0; j < el.childNodes[i].childNodes.length; j++){ 
             if(el.childNodes[i].childNodes[j].nodeName == 'OPTION'){ 
              t = $(el.childNodes[i].childNodes[j]).text(); 
              v = $(el.childNodes[i].childNodes[j]).val(); 
              c = c + "<li value='"+v+"' >"+t+"</li>"; 
             }         
           } 
           c = c+ '</ul>'; 
           */ 
          }else{ 
           var c = ''; 
          } 
          var t = $(el.childNodes[i]).attr('label');       
          li = li + "<li class='optiongroup' >"+t+c+"</li>"; 
  
         } 
  
  
  
       } 
  
       return li + '</ul>'; 
  } 
  

Answer 1

看，如果你已經宣佈整個代碼中函數MacOsxSelectOptionToLi()並使用選擇器來獲取html select元素，代碼將進行無限遞歸。因此，從其他功能進行呼叫。例如。

function initFunction() { 
    var convertSelectToULCode = MacOsxSelectOptionToLi($(selector)); 
}