jquery - 如何使用jquery获取选项标签并插入数组

Question

我需要javascript中数组中的所有选项标签。

html代码：

<select name="name" id="id">
  <option value="val1">lab1</option>
  <option value="val2">lab2</option>
  <option value="val3">lab3</option>
  <option value="val4">lab4</option>
  <option value="val5">lab5</option>
</select>

这段代码对我不起作用：

我想要lab1, lab2... 在数组中。选项的数量并不总是相同的。我该怎么做？

Answer 1

试试这样：

var labels = $("#id>option").map(function(){
    return $(this).text();
}).get();
//["lab1","lab2","lab3","lab4","lab5"]

Answer 2

您可以使用map()方法，尝试以下方法：

var lab = $('#id option').map(function(){
               return $(this).text() // or return this.InnerHTML
          })

演示

Answer 3

这里：

var arr = $( '#id' ).children().map(function () {
    return $( this ).text();
}).get();

现场演示： http: //jsfiddle.net/HXgE6/（打开控制台查看结果）

Answer 4

$('#id').children().map(function() {
    return $(this).text();
});

Demo（打开控制台查看数组）