如何有条件地在span后添加文本，仅当span文本不为空时

在前端开发中，如果要在一个 <span> 元素后面有条件地添加文本，仅当 <span> 元素的文本内容不为空时，可以通过以下步骤实现：

1. 首先，获取到该 <span> 元素的引用，可以使用 JavaScript 或者 jQuery 来实现。例如，使用 JavaScript 的 getElementById() 方法或者 jQuery 的选择器来获取到该元素的引用。
2. 接下来，判断该 <span> 元素的文本内容是否为空。可以使用 JavaScript 的 textContent 属性或者 jQuery 的 text() 方法来获取到元素的文本内容，并进行判断。
3. 如果 <span> 元素的文本内容不为空，那么可以使用 JavaScript 的 appendChild() 方法或者 jQuery 的 append() 方法，在该 <span> 元素后面添加所需的文本节点。

以下是一个示例的 JavaScript 代码：

// 获取到 <span> 元素的引用
var spanElement = document.getElementById("yourSpanId");

// 判断 <span> 元素的文本内容是否为空
if (spanElement.textContent.trim() !== "") {
  // 创建文本节点
  var textNode = document.createTextNode("要添加的文本");

  // 在 <span> 元素后面添加文本节点
  spanElement.parentNode.appendChild(textNode);
}

在这个示例中，你需要将 "yourSpanId" 替换为实际的 <span> 元素的 id。

希望这个答案能够满足你的需求。如果你需要更多帮助，请随时提问。