删除选择标记中未包含的选项选项卡

Question

我有一个显示包含选择框的表格的页面，但底部显示的选项不是实际表格的一部分。在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来获取没有选择父项的选项。这个假设是否正确？

Answer 1

你可以试试这个 -

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

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