增減數據阿塔爾取決於大小

Question

我目前hhave這個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