css空伪类无法在Safari中使用动态更新

Question

以下是example

table:empty {
    display: none;
}

<table style="border: 5px solid green;"></table>
<button></button>

<script>
$("button").click(function () {
    $("table").html("<tbody></tbody>");
});
</script>

动态更新内容时：空伪类Safari无效。

适用于Chrome，但不适用于Safari。

有什么想法吗？

Answer 1

这里有类似的问题。 我设法通过＆＃34;重置＆＃34;款式： 尝试添加.css({display: 'initial'}).css({display: ''})

<script>
$("button").click(function () {
    $("table").html("<tbody></tbody>").css({display:'initial'}).css({display: ''});
});
</script>

希望它适合你