在Wordress中的Input Type Text旁边添加时，自动删除空的Span类

在Wordpress中，可以通过使用JavaScript来实现在Input Type Text旁边添加时自动删除空的Span类。具体步骤如下：

首先，在Wordpress的主题文件中找到需要添加自动删除空的Span类的页面或模板文件。
在该文件中，找到需要添加Input Type Text的位置，并在其旁边添加一个Span元素，例如：

<input type="text" id="myInput">
<span class="mySpan"></span>

接下来，使用JavaScript来实现自动删除空的Span类。可以在页面底部或者在自定义的JavaScript文件中添加以下代码：

<script>
    document.getElementById("myInput").addEventListener("input", function() {
        var inputText = this.value;
        var spanElement = document.querySelector(".mySpan");
        
        if (inputText.trim() === "") {
            spanElement.classList.remove("mySpan");
        } else {
            spanElement.classList.add("mySpan");
        }
    });
</script>

上述代码中，我们使用addEventListener方法来监听Input Type Text的输入事件。当输入发生变化时，获取输入框的值，并使用trim方法去除首尾空格。如果输入框的值为空，则移除Span元素的mySpan类；否则，添加mySpan类。