将数据添加到大型标签列表的最佳方法是什么

Question

我有一个网页（Django表单），有大约150个问题，每个问题都有一个代码（例如P10，P20，P30等），在Django中，我知道我可以用之前的代码设置详细的名称标签，但我想在标签之前将问题代码包装在span中，所以我用javascript这样做：

(function ($) {
    $(window).load(function(){
        $('label[for="id_interview_date"]').prepend('<span class="code">P.20</span>');
    })
}) (django.jQuery);

但问题现在这个文件包含大约150行代码，并且需要很长时间才能加载页面，并在标签之前加载代码。

使用较少的代码行实现此目的的最佳方法是什么？

Answer 1

我认为，您可以复制表单，在标签前添加跨度，然后在页面上呈现此新表单。

var $form = $('form').clone();
$('label', $form).each(function(){$(this).prepend('<span>P20/span>');});
$('form').replaceWith($form);