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

Jquery 删除未包含在选择标记中的选项选项卡,jquery,html,html-table,html-select,Jquery,Html,Html Table,Html Select,我有一个页面显示一个包含选择框的表格,但在底部显示的选项不是实际表格的一部分。在Safari和Chrome中,选项不显示,因为它们不包含在select中,但在Firefox中,它们显示为常规文本 <table> <tr><td><select><option>1</option><option>2</option></select></td></tr>

我有一个页面显示一个包含选择框的表格,但在底部显示的选项不是实际表格的一部分。在Safari和Chrome中,选项不显示,因为它们不包含在select中,但在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>

12
12
12
12
我想我可以使用jQuery获取没有选择父项的选项。这个假设正确吗?

你可以试试这个-

$('option').each(function(){
  if($(this).closest('select').length < 1){
    $(this).remove();
  }
});
$('option')。每个(函数(){
if($(this).closest('select')。长度<1){
$(this.remove();
}
});
演示
-->