jQuery不能在IE中工作

Question

我的代碼在FF中可以正常工作，但在IE中不能正常工作。取決於所選第一個下拉列表的值，第二個下拉列表中隱藏了某些值。該值在FF正確隱藏，但一切都顯示在IE：

function updateMountingMethod() { 
    var selectedVal = $('#attrib-13 option:selected').text().split(" ")[0]; 
    $.each($("#attrib-7").children(), function() { 
     var optionText = $(this).text(); 
     var values = optionText.split('|')[1]; 
     if (values != undefined) { 
      if (values.substring(1, 3) != selectedVal) { 
       $(this).css('display', 'none'); 
      } 
      else { 
       $(this).text($(this).text().split("|")[0] + $(this).text().split("|")[2]); 
      } 
     } 
    }) 
} 

如果這個心不是在這裏完全清楚是一個更好的描述。

我有一個jQuery代碼，每調用一次下拉值就被調用。當值被改變時，它獲得所選元素的大小。顯示的數值看起來像是11英尺，15英尺，19英尺，所以我把它分成剛剛得到的數字而不是英尺。根據所選的值，它需要更新下面這種格式的下拉菜單：

 
Item 1 | 11'11" | 
Item 2 | 15'9" | 
Item 3 | 19'9" | 
... 

我不希望| |之間的東西顯示，它只是在那裏匹配每個項目與選定的長度（即在第一下拉選擇11英尺選項，則只有11'11"選項顯示在第二次下降）。任何人都可以告訴我爲什麼這些額外的值不被隱藏在IE中？