javascript - 根据大小增加和减少数据attar

Question

我目前有这个http://jsfiddle.net/mDfQT/1/

删除 div 时减少数据属性 data-size 的最佳方法是什么？所以基本上当你添加字段时数据大小会增加，而当你删除字段时数据大小会减少。
我的 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);
});

小提琴