テーブル行をループしながら値を引き出す方法は？

Question

私はループしているテーブルを持っていて、各行の列から値を取得したいと考えています。それ、どうやったら出来るの？

$('#buildingList tr').each(function() { 
     //check each column in the row and get value from column 3 which is a drop down 
    });  

<table id="buildingList"> 
<tr> 
<td class="ms-vb2"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2"> 
<select id="ddl"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 
</td> 
</tr> 
<tr> 
<td class="ms-vb2"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2"> 
<select id="ddl"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 
</td> 
</tr> 
<tr> 
<td class="ms-vb2"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2"> 
<select id="ddl"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 
</td> 
</tr> 
</table> 

Answer 1

:selectedオプションを使用して、あなたのeachループ内の要素の値で動作：連結バージョン

Answer 2

$('#buildingList tr td:nth-child(3) select option:selected').each(function() { 
    var myValue = $(this).text(); 
}); 

は、あなたが値で何をしたいかによって異なります。それらを配列に格納したい場合は、

var values = []; 
$('#buildingList tr select').each(function (index, elem) { 
    values.push(elem.value); 
}); 

また、サイドノートにもできます。同じIDを持つ複数の<select>要素があります。 id属性は一意でなければなりません。

Answer 3

のために編集

$('#buildingList td select option:selected').each(function(i, el) { 
    // Do something with $(el).val() or el.value 
}); 

Answer 4

あなたは直接使用して、各行の第三列のドロップダウンを取得することができます。

$('#buildingList tr td:eq(2) select').each(function() {  
    var dropDown = $(this); //this refers to the DOM Select 
});