從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')); 

這將tagsinput輸出克隆到一個新的數組，而不是使用一個參考。

根據瀏覽器的要求，你也可以這樣做：

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

(not supported in IE < edge)

編輯：這裏有一個小提琴證明：https://jsfiddle.net/jakelauer/tfgk87g3/