javascript - 格式错误的 HTML : How to NOT show a bullet on an empty li element

Question

我有一些从 Flash 应用程序创建/输出的 html，我需要在 Firefox 中显示/呈现它。

HTML 格式错误，因此它会输出空的 li 元素和没有 ul 或 ol 元素的列表，但它会输出 li 元素。

是否有 css 标志或任何方法在 li 元素为空时不显示 li 元素符号(请参阅下面的代码示例了解 empty 的含义)？

如果 li 元素没有 innerText，那么它会显示元素符号。但我不希望它这样做，我希望它在 li 元素中没有 innerText 时不显示元素符号。有什么方法可以做到这一点而不必解析 HTML 吗？

// example of badly formed HTML output from flash
<textformat leading="2">
    <li>
        <font style=" font-family: 'arial'; font-size: 14px; color: #FFFFFF; letter-spacing: 0px; ">
            <b>Influence and Negotiation</b>
            <font style=" font-size: 12px; color: #000000; ">
            </font>
        </font>
    </li>
</textformat>

// sometimes I get an empty li element, which in Firefox shows the bullet. I want to NOT show the bullet/li element if it is empty
<textformat leading="2">
    <li>
        <font style=" font-family: 'arial'; font-size: 14px; color: #FFFFFF; letter-spacing: 0px; ">
            <!-- empty li element -->
        </font>
    </li>
</textformat>

Answer 1

不，没有办法。有 :empty但是当有 <font> 时这不起作用它下面的元素，并且没有 :has在 CSS 中。您可以使用 :has但是，使用 jQuery，并且由于您已将其标记为 javascript我认为这是一个选项:

$('li:has(font:empty)').remove();

那行得通吗？