根据大小增加和减少数据

Question

我目前正在使用http://jsfiddle.net/mDfQT/1/

删除div时，减少数据属性数据大小的最佳方法是什么？因此，添加字段时数据大小基本上会增加，而删除字段时数据大小会减少 我的HTML

<ul id="variants"> 
    <a href="#" class="add_options" data-id="70281696560900">Add more </a>
</ul>

感谢。

Answer 1

HTML：

<ul id="variants" data-size="0">
  <a href="#" class="add_options" data-id="70281696560900">Add more </a>
</ul>
Number of rows: <span id="count">0</span>

JS：

$('.add_options').on('click', function () {
    $('#variants').append('<div class="some_id"><input type="text" id="prop_name" class="prop_name" placeholder="Property name"><a href="#" class="remover">Remove</a></div>');
    var size = parseInt($('#variants').attr("data-size"), 10) + 1;
    $('#variants').attr("data-size", size);
    $("#count").text(size);
});
$('#variants').on('click', '.remover', function () {
    $(this).closest('.some_id').hide();
    var size = parseInt($('#variants').attr("data-size"), 10) - 1;
    $('#variants').attr("data-size", size);
    $("#count").text(size);
});

FIDDLE