重构删除尾随<br/>

时间:2013-07-04 04:43:27

标签: javascript jquery

不可否认,不是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)
    });
})

3 个答案:

答案 0 :(得分:4)

使用数组来保持线条,然后在最后加入<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 />'));
    });
})

答案 1 :(得分:0)

好吧,字符串的最后五个字符始终为<br />,因此您可以随时添加str.substring(0, str.length - 5)。将dt和后续dd元素包装在div中可能更为可取。

答案 2 :(得分:0)

如果你想删除字符串开头的br标签,这将会有所帮助。

var str = "<br />Some string";

var regex = /^(<br\/>|<br \/>)/;

alert(str.replace(regex,""));