在列中隐藏元素（<br> <b> </b> <br>）

Question

我正在使用Knack在线数据库创建应用程序。我正在尝试寻找一种方法来隐藏单元格中的空白空间。

我有一个带有文本公式的表。文本公式组合了多个字段（问题和答案），并使用<br>将其分开。这就是我的设置方式：

<b>question1</b> answer1
<br>
<b>question2</b> answer2
<br>
<b>question3</b> answer3
<br>

对于某些记录，某些字段为空，因此结果如下：

<b>question1</b> answer1
<br>
<b></b>
<br>
<b>question2</b> answer2
<br>

在我的桌子上，将显示空白区域，并且将占用大量空间： Table

我尝试使用此代码，但没有用：

$(document).on('knack-view-render.view_2665', function(event, view, data) {
  removeWhiteSpaces('kn-input-field_3288');
});

我不确定隐藏空白区域的最佳解决方案是什么。如果<b></b><br>对于此列/字段为空，是否可以使用代码隐藏<b></b>？

Answer 1

也许在CSS中是这样的？

b:empty + br:empty,
b:empty {
  display: none;
}

这将隐藏每个空白<b>标签以及放置在空白<br>之后的空白<b>。

Here's a fiddle。

Answer 2

您可以尝试这样的事情吗？

Samples[][]

Answer 3

您可以使用:empty和兄弟姐妹选择器

$('b:empty').remove()

$('br + br').remove()

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<b>question1</b> answer1
<br>
<b></b>
<br>
<b>question2</b> answer2
<br>

Answer 4

correctedResult

取自here。