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

【问题标题】：Removing option tabs that are not contained in a select tag删除未包含在选择标记中的选项选项卡
【发布时间】：2017-12-17 07:16:06
【问题描述】：

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

【问题讨论】：

标签： jquery html html-table html-select

【解决方案1】：

你可以试试这个-

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

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

【讨论】：