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来获取没有select父级的选项。这个假设是否正确？

Answer 1

你可以试试这个 -

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

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

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

1 个答案: