javascript - 重构以删除尾随 <br>

Question

诚然不是js专家。 - 如何删除尾随的 <br>在最后一个元素上？请随意评论一般方法并提出意见或建议。谢谢!!

$(document).ready(function() {
    $.getJSON("{% url "relationship_sidebar_ajax" app_label=app_label model=model object_id=object.id %}", function(data) {
        var str = ""
        for (var item in data) {
            var itemData = data[item];
            str += '<dt>' + item + '</dt>';
            for (idata in itemData) {
                str += '<dd>' + itemData[idata].href;
                if (itemData[idata].is_owned) {
                    str += '&emsp;<i class="icon-lock"></i>';
                }
                str += '&emsp;' + data[item][idata].add_href + '</dd>';
            }
            str += '<br />'
        }
        $('#relations').append(str)
    });
})

Answer 1

使用一个数组来保存这些行，然后用 <br/> 将它们连接起来在最后。

$(document).ready(function() {
    $.getJSON("{% url "relationship_sidebar_ajax" app_label=app_label model=model object_id=object.id %}", function(data) {
        var arr = []
        for (var item in data) {
            var itemData = data[item];
            var str = '<dt>' + item + '</dt>';
            for (idata in itemData) {
                str += '<dd>' + itemData[idata].href;
                if (itemData[idata].is_owned) {
                    str += '&emsp;<i class="icon-lock"></i>';
                }
                str += '&emsp;' + data[item][idata].add_href + '</dd>';
            }
            arr.push(str);
        }
        $('#relations').append(arr.join('<br />'));
    });
})