插入动态元素后更新选项卡索引（表格行）

Question

我是django模板开发人员。我在<table>中有一个包含Html input元素的表单。 有时，如果用户想要添加或删除相关信息，我需要添加或删除包含表单中输入的动态行。在这种情况下，有时用户需要添加行或删除这些行。我已将tabindex='some_number'添加到HTML模板中。有很多形式，大约有10-12种形式。

所以，我想编写一些常用的javascript代码，每当有任何输入，textarea或select list被动态添加时我可以调用函数来更新整个表单元素的tabindex在inserting or deleting表格行之后。

我试过了：，

function addDynamicTabIndexes(){    
 $("form").find("input, textarea, select").each(function(){
   var currentTabIndex = parseInt($(this).attr("tabindex"))
   $(this).attr("tabindex", currentTabIndex + 1); 
 });
}

function removeDynamicTabIndexes(){    
 $("form").find("input, textarea, select").each(function(){
   var currentTabIndex = parseInt($(this).attr("tabindex"))
   $(this).attr("tabindex", currentTabIndex - 1); 
 });
}

但不确定为什么它不能正常工作。大部分时间它都会回到第一个元素。