Wie kann ich html <option> Tag-Inhalt mit jQuery bekommen

Question

Ich habe eine einfache select-Tag:

<select> 
    <option></option> 
    <option></option> 
</select> 

Dann möchte ich jQuery die Option Inhalt erhalten:

var s=$('select option'); 
for(var i=0;i<s.length;i++){ 
    console.log(s[i]); 
} 

es nur "<option>" zeigen würde, ohne den Inhalt.

Wenn ich console.log(s[i].html()); verwende, würde es mir sagen, dass es falsch ist.

Also, wie kann ich den Inhalt bekommen?

Answer 1

Sie nicht jQuery müssen die bekommen Textinhalt. Eine HTMLOptionElement hat eine .text Eigenschaft.

var s = $('select option'); 

for(var i = 0; i < s.length; i++) { 
    console.log(s[i].text); 
} 

---

Obwohl, wenn Sie die .outerHTML des Elements (ein wenig verwirrt durch Ihre Frage) wollen, können Sie dies tun ...

var s = $('select option'); 

for(var i = 0; i < s.length; i++) { 
    console.log(s[i].outerHTML); 
} 

... obwohl diese nur wurde kürzlich in Firefox verfügbar, so dass Sie eine Methode zum Patchen erstellen konnten ...

function outerHTML(el) { 
    return el.outerHTML || document.createElement('div') 
            .appendChild(el.cloneNode(true)) 
            .parentNode 
            .innerHTML; 
} 

... und es so verwenden ...

var s = $('select option'); 

for(var i = 0; i < s.length; i++) { 
    console.log(outerHTML(s[i])); 
} 

Answer 2

von ‚Inhalt‘ Vorausgesetzt, dass Sie den Text Wert der Option bedeuten, versuchen Sie dies:

$("select option").each(function() { 
    console.log($(this).text()); 
}); 

Answer 3

Verwendung text() Methode Wert Element des Textknoten zu extrahieren