更改动态附加div上所有下一个元素的文本（数字）

Question

我正在使用有数字的问题和子问题创建调查。

订单号有3个问题。 1,2 ......第2个问题有2个子部分，其中有问题。

第一个SubSection的数量是2.1，问题的数量是2.1.1,2.1.2 ...... 第二个子部分的编号为2.2，问题的数量为2.2.1,2.2.2 ......

我在第一个问题（No.1）之后动态附加divmemement（问题），No.2作为订单号。我希望问题的其他订单号和SubSections中的问题一个一个。 防爆。 3 - ＆gt; 3.1 - ＆gt; 3.1.1 - ＆gt; 3.1.2 / 3.2 - ＆gt; 3.2.1 - ＆gt; 3.2.2，下一个问题从3到4 ......

$('#btn').on('click', function(){
debugger;
  //$('body').find('.holder').prepend($('#newQuestion').html());
  $('body').find('.question-holder').eq(0).append($('#newQuestion').html());
  var x = Number($('body').find('.question-holder').eq(2).closest('.question-holder').find('.order-number').html()) + 1;
  $('body').find('.question-holder').eq(2).closest('.question-holder').find('.order-number').text(x);

})

这是我的JsFiddle。