如何在 HTML 中编写以下离子？

我已经尝试了下面的代码，但它看起来不太好

<sup>119</sup><sub>50</sub>Sn<sup>2+</sup>

¹¹⁹ ₅₀锡²⁺

我试图在没有WordPress的src的情况下隐藏图像.

以下是显示在前端的图像代码

<img src="[custom-gallery-image-01]" class="galimage" height="300" width="580"/>

JS用来隐藏图像

<script type="text/javascript">
$(document).ready(function() {
   $(".galimage").each(function() {
        var atr = $(this).attr("src"); 
        if(atr == "") {
            $(this).addClass("hidegalimage");
        } else {
            $(this).removeClass("hidegalimage");
        }
    });
});
</script>

CSS

.hidegalimage {
display:none;
}

但我仍然可以看到破碎的图像图标和图像边框.查看JSFiddle.有人可以解决我的问题或给我一个如何隐藏图像的建议吗？

非常感谢