2013-06-24 232 views
0

我有一個顯示包含選擇框的表格的頁面,但底部顯示的選項不是實際表格的一部分。在Safari和Chrome中,選項不會顯示,因爲它們不包含在選擇中,但在Firefox中顯示爲普通文本。刪除選擇標記中未包含的選項選項卡

<table> 
    <tr><td><select><option>1</option><option>2</option></select></td></tr> 
    <tr><td><select><option>1</option><option>2</option></select></td></tr> 
    <tr><td><select><option>1</option><option>2</option></select></td></tr> 
    <option>1</option><option>2</option> <!-- I WANT TO REMOVE THIS --> 
</table> 

我想我可以使用jQuery來獲取沒有選擇父項的選項。這個假設是否正確?

回答

0

你可以試試這個 -

$('option').each(function(){ 
    if($(this).closest('select').length < 1){ 
    $(this).remove(); 
    } 
}); 

演示--->http://jsfiddle.net/r7GgV/

+1

工作太棒了!謝謝。 – judomonkeykyle

+0

@judomonkeykyle乾杯! –