获取表头的文本并将它们作为选择框值放在jquery中

Question

这里我有一个要求要做。

我有一个带有标题的表格容器，如下所示。

我需要做的就是，我想获取所有表头的所有文本（用户信息，位置），并附加与选择框选项相同的值。如下所示

选择框在另一个div容器中可用。我怎样才能通过jQuery实现？有什么想法吗？

通过这个jquery，我会收到所有标题文本的警告：

  $('.availabilityView tr th').each(function () { var avilCont = $('.availabilityView tr th').eq($(this).index()).text(); alert(avilCont); });

我想将所有提醒的文本推送到选择框容器作为选项。选择框放在表容器旁边...希望这有助于......：）

Answer 1

试试此代码， DEMO 此处

HTML code：

<table id="mytable">
    <tr>
        <th>head1</th>
        <th>head2</th>
        <th>head3</th>
        <th>head4</th>
        <th>head5</th>
    </tr>
    <tr>
        <td>abc 1</td>
        <td>abc 2</td>
        <td>abc 3</td>
        <td>abc 4</td>
       <td>abc 5</td>
    </tr> 


</table>

<div>
    <select id="mySelect">
        <option>--Selected--</option>
    </select>
</div>

JS代码

var headerValue = $('#mytable th');
for(var index in headerValue){
    var header = headerValue[index].innerHTML;
    if(header)
    $("#mySelect").append(new Option(header, header));
}