在jquery / js

Question

我正在使用Gridster小部件用于网页。我有小部件，上面有图像.JSON提供有关每个网格上应该有什么图像的数据（我从JSON获取文本，然后从数据库中获取相应的图像） 。 我的小部件上有textarea字段，它提取＆＃34; html＆＃34;的值。来自JSON的字段。此值与对应于窗口小部件上的图像相对应。 我在每个图像上都有一个删除图像的按钮。当我动态删除图像时，我想删除textarea的内容。所以当我使用Serialize时。再次应该有JSON中的更新值

我的JS：

var gridster;


gridster = $(".gridster ul").gridster({
  widget_base_dimensions: [100, 100],
  widget_margins: [5, 5],
  helper: 'clone',
  serialize_params: function($w, wgd) {return {images: $w.find('textarea').val().trim() , col: wgd.col, row: wgd.row, size_x: wgd.size_x, size_y: wgd.size_y}}, 
  resize: {
    enabled: true
  }
}).data('gridster');


//Function for deleting images

$('.removediv').on('click', function () {
  $(this).closest('div.imagewrap').remove();
  //something that will update textarea by removing the deleted image
  //address.

});

HTML：

<button class="js-seralize btn btn-success mr-2">Serialize</button>
<textarea id="log"></textarea>

Fiddle会以一种好的方式解释它