javascript - 如果数组元素为空，则删除 double <br>

Question

我有一个数组，如下所示:

var Arr = [
    { forname: 'John', surname: 'Doe', email: 'johndoe@gmail.com', website: 'www.johndoe.com', phone: '0123456789', img: 'img/johndoe.jpg' },
    { forname: 'Jane', surname: 'Doe', email: '', website: 'www.janedoe.com', phone: '0123456789', img: 'img/janedoe.jpg' },
          ]

我所做的是用 id="#caption" 填充 div

$('#caption').html(e[f].forname + ' ' + e[f].surname + '<br>' + e[f].email + '<br>' + e[f].website + '<br>' + e[f].phone);

e 和 f 是通过函数传递的参数，它们选择每个数组对象。我现在遇到的问题是，当我在标题 div 中获取两者的数据时，它看起来像:

因为 Jane Doe 没有电子邮件地址。我不知道谁以及哪些字段具有值(value)或没有值(value)。我想要做的是，删除没有值的字段的双 <br>。

谢谢!

Answer 1

尝试而不是使用 <br> block (表示换行符所在的位置)使用 <div> s(表示线条所在的位置)。喜欢<p>段落，由于默认的display: block，它们每行使用一行。属性，但默认格式属性较少。