How can I get html

Question

I have a easy select tag:

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

Then I want use jQuery get the option's content:

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

it would only show "<option>",without the content.

If I use console.log(s[i].html());, it would tell me it is wrong.

So how can I get the content?

possible duplicate of [jQuery get select option text](http://stackoverflow.com/questions/196684/jquery-get-select-option-text) — Felix Kling, Apr 08 '12 at 14:22
Can someone tell me why it is not working with the .html() method ? It seems to me that it should... — Alexandre Bourlier, Apr 08 '12 at 14:24
@Euloiix: Because inside the `for` loop are not jQuery objects, and therefore jQuery's `.html()` method is not available. — Colin Brock, Apr 08 '12 at 14:39

score 3 · Accepted Answer · 2012-04-08T14:34:08.323

You don't need jQuery to get the text content.

An HTMLOptionElement has a .text property.

var s = $('select option');

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

Although if you want the .outerHTML of the element (a little confused by your question), you could do this...

var s = $('select option');

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

...though this only recently became available in Firefox, so you could create a method to patch it...

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

...and use it like this...

var s = $('select option');

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

score 1 · Answer 2 · answered Apr 08 '12 at 14:17

1

Assuming by 'content' you mean the text value of the option, try this:

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

answered Apr 08 '12 at 14:17

Rory McCrossan

331,213
40
305
339

score 0 · Answer 3 · answered Apr 08 '12 at 14:17

0

Use text() method to extract element's text node value

answered Apr 08 '12 at 14:17

Ilia G

10,043
2
40
59

How can I get html tag's content with jQuery

3 Answers3

How can I get html