テキスト文字列はjqueryの

Question

でオプションを選択するために追加私はいくつかのオプションを選択しています

<select class="mat"> 
<option value="0">mat 1</option> 
</select> 

とテーブル：

<table id="mat-table"> 
<tr> 
    <td>option 1</td> 
    <td>desc</td> 
</tr> 
<tr> 
    <td>option 2</td> 
    <td>desc</td> 
</tr> 
<tr> 
    <td>option 3</td> 
    <td>desc</td> 
</tr> 
</table> 

私が欲しいjqueryのコピーテキスト「オプション1」、「オプションで2 'を選択してオプションを選択してください：

<select class="mat"> 
<option value="0">option 1</option> 
<option value="1">option 2</option> 
<option value="2">option 3</option> 
</select> 

助けてください。

Answer 1

はこれを試してみてください：

$('#mat-table td:first-child').each(function(i) { 
    var $option = $('<option>', { value: i }).text(this.textContent); 
    $('.mat').append($option); 
}); 

Fiddle

Answer 2

$(document).ready(function(){ 
 
    $('.mat').html(''); 
 
    var i = 0; 
 
    $("#mat-table tr").each(function(){ 
 
    $('.mat').append($('<option>', { 
 
     value: i, 
 
     text: $(this).find('td:nth-child(1)').html() 
 
    })); 
 
    i++; 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="mat"> 
 
    <option value="0">mat 1</option> 
 
</select> 
 
<table id="mat-table"> 
 
    <tr> 
 
    <td>option 1</td> 
 
    <td>desc</td> 
 
    </tr> 
 
    <tr> 
 
    <td>option 2</td> 
 
    <td>desc</td> 
 
    </tr> 
 
    <tr> 
 
    <td>option 3</td> 
 
    <td>desc</td> 
 
    </tr> 
 
</table>

を参照してください。