Jquery對象innerHTML在Firefox中工作但不是IE？

Question

總之，我有一個xml字符串，我使用jQuery來查找特定節點的一些子項。

這些孩子和他們的價值是用來建立一個HTML選擇框，並將其附加到網頁。

的XML

<!--- Another node level !-->   
     <Salutation restricted="no" type="dropdownBox" tooltip="Select a title for the customer" required="yes" size="6"> 
      <value>Mr</value> 
      <value>Sir</value> 
      <value>Mrs</value> 
      <value>Miss</value> 
      <value>Lord</value> 
     </Salutation> 

守則

function dropdownBuilder(xml, element, id) { 
     // find node with specific name and get its children 
     selection = $("<div>" + xml + "</div>").find(element).children(); 
     console.log(selection); 
     // generate a select box 
     var selectBox = "<select id=\"" + id + "\"> "; 
     for (var j = 0; j < selection.length; j++) { 
     selectBox += "<option value=\"" + selection[j].innerHTML + "\">" 
       + selection[j].innerHTML + "</option>"; 
     } 
     selectBox += "</select>"; 

     // return html 
     return selectBox; 
} 

輸出FIREFOX

<select id="dropdownBox1" data-hasqtip="true" aria-describedby="qtip-1"> 
    <option value="Mr">Mr</option> 
    <option value="Sir">Sir</option> 
    <option value="Mrs">Mrs</option> 
    <option value="Miss">Miss</option> 
    <option value="Lord">Lord</option> 
</select> 

輸出IE

<select id="dropdownBox1" data-hasqtip="true" jQuery16309410884371447445="60"/> 

在控制檯登錄IE它只是說「LOG：[對象的對象]」

我試圖使用改變爲輸出.VAL（），。價值。數據，.attr

任何想法，爲什麼這工作正常在FF但不是在IE瀏覽器？

的jsfiddle

http://jsfiddle.net/BA7u6/1/

感謝

Answer 1

，可隨時更換爲循環在你的代碼，它應該工作：

selection.each(function(index) { 
    var text = $(this).text(); 
    selectBox += "<option value=\"" + text + "\">" + text + "</option>"; 
}); 

Answer 2

你應該使用XML解析器做你所追求的

看到這一點：http://api.jquery.com/jQuery.parseXML/