如何将标签文本作为 id 添加到 tagit.js答案

【问题标题】：How to add tag text as id to tagit.js如何将标签文本作为 id 添加到 tagit.js
【发布时间】：2014-05-21 06:10:00
【问题描述】：

如何使用 class tagit-label 为 span 中的每个标签添加 id？我需要将标签文本作为 id 添加到添加的标签中。

<ul id="singleFieldTags" class="tagit ui-widget ui-widget-content ui-corner-all">
   <li class="tagit-choice ui-widget-content ui-state-default ui-corner-all tagit-choice-editable">
      <span class="tagit-label">Others</span>
      <a class="tagit-close">
      <span class="text-icon">×</span>
      <span class="ui-icon ui-icon-close"></span>
      </a>
   </li>
   <li class="tagit-choice ui-widget-content ui-state-default ui-corner-all tagit-choice-editable"><span class="tagit-label">Facebook</span><a class="tagit-close"><span class="text-icon">×</span><span class="ui-icon ui-icon-close"></span></a></li>
   <li class="tagit-new"><input type="text" class="ui-widget-content ui-autocomplete-input" autocomplete="off"><span role="status" aria-live="polite" class="ui-helper-hidden-accessible">1 result is available, use up and down arrow keys to navigate.  
</span></li>
</ul>

【问题讨论】：

标签： javascript jquery tag-it

【解决方案1】：

试试这个：

 $('.tagit-label').each(function(){
    $(this).attr('id',$(this).text());
 });

【讨论】：

它正在工作，但是当我添加另一个标签 id 时不会添加到该新元素。
添加新元素后需要重新执行以上代码。