javascript - 从 HTML 元素中删除值后保留变量值

Question

我正在使用tagsinput引导库并将tagsinput值存储到变量oldListValues中。当我执行这个方法后

$('#tagsinput').tagsinput( 'removeAll' );

oldListValues 变量变空。

执行此tagsinput方法后，除了克隆此元素然后使用克隆元素中的值之外，还有什么方法可以将值保留在变量中吗？

这是我正在使用的代码部分:

if ( $('#tagsinput').tagsinput('items').length > 0 ) {

    $('#modal').modal('show');

    $('#button').click( function(e) {

        var oldListValues = $('#tagsinput').tagsinput('items');
        var mergedValues = $.merge( oldListValues, distValues );

        $('#tagsinput').tagsinput( 'removeAll' );
        $('#tagsinput').tagsinput( 'add', mergedValues.join('|') );

    });

}

Answer 1

试试这个

var oldListValues = $.extend([], $('#tagsinput').tagsinput('items')); 

这会将 taginput 输出克隆到新数组中，而不是使用引用。

根据您的浏览器要求，您也可以执行以下操作:

var oldListValues = [...$('#tagsinput').tagsinput('items')]

(not supported in IE < edge)

编辑:这是一个要演示的 fiddle :https://jsfiddle.net/jakelauer/tfgk87g3/