jQuery html（）中的JavaScript替换

我在JavaScript中遇到了一个小问题。 我有一个模板，用于向表单中添加一些字段：

 <div id="personTemplate" style="display: none;">
    <s:url id="personneList" action="personneList" namespace="/ajax" />
    <sj:autocompleter name="personnesContacts[ID_XXX]"
        id="nomPersonne_IDXXX" forceValidOption="false"
        key="label.serviceContacts" href="%{personneList}" />
</div>

使用jQuery，我在personTemplate div中获取内容，即：

<input id="nomPersonne_IDXXX" name="personnesContacts[1]" type="hidden">
<input autocomplete="off" class="ui-autocomplete-input" name="personnesContacts[ID_XXX]_widget" id="nomPersonne_IDXXX_widget" type="text">
<span class="ui-helper-hidden-accessible" aria-live="polite" role="status"></span>
<script type="text/javascript">
    jQuery(document).ready(function () {
        var options_nomPersonne_IDXXX_widget = {};
            options_nomPersonne_IDXXX_widget.hiddenid = "nomPersonne_IDXXX";
            options_nomPersonne_IDXXX_widget.selectBox = false;
            options_nomPersonne_IDXXX_widget.forceValidOption = false;

            options_nomPersonne_IDXXX_widget.jqueryaction = "autocompleter";
            options_nomPersonne_IDXXX_widget.id = "nomPersonne_IDXXX_widget";
            options_nomPersonne_IDXXX_widget.name = "personnesContacts[ID_XXX]_widget";
            options_nomPersonne_IDXXX_widget.href = "/baseline/ajax/personneList.action";
        jQuery.struts2_jquery_ui.bind(jQuery('#nomPersonne_IDXXX_widget'),options_nomPersonne_IDXXX_widget);
    });
</script>

jQuery（文档）.ready（函数（）{
变量选项_nomPersonne_IDXXX_widget={}；
选项\u nomPersonne\u IDXXX\u widget.hiddenid=“nomPersonne\u IDXXX”；
选项\u nomPersonne\u IDXXX\u widget.selectBox=false；
选项\u nomPersonne\u IDXXX\u widget.forceValidOption=false；
选项\u nomPersonne\u IDXXX\u widget.jqueryaction=“autocompleter”；
选项\u nomPersonne\u IDXXX\u widget.id=“nomPersonne\u IDXXX\u widget”；
选项\u nomPersonne\u IDXXX\u widget.name=“personnecontacts[ID\u XXX]\u widget”；
选项\u nomPersonne\u IDXXX\u widget.href=“/baseline/ajax/personneList.action”；
jQuery.struts2_jQuery_ui.bind（jQuery（'nomPersonne_IDXXX_widget'）、options_nomPersonne_IDXXX_widget）；
});

我试图用一个数字替换IDXXX，但只有在name属性中，此事件才发生了更改。 当我得到如下div内容时，您可能知道如何替换IDXXX：

<script type="text/javascript">
counter = 0;
function addMorePersons() {
    counter++;
    var text = $('#personTemplate').html();
    text = text.replace("ID_XXX", counter);
    $(text).insertAfter($('#personnesContact_0_widget'));

}

计数器=0；
函数addMorePersons（）{
计数器++；
var text=$（'#personTemplate'）.html（）；
text=text.replace（“ID_XXX”，计数器）；
$（文本）.insertAfter（$（'personnesContact_0_widget'）；
}

---

您需要一个全局替换函数，如果您使用正则表达式，您可以告诉它替换所有：

text = text.replace(/ID_XXX/g, counter);

---

请说明您是如何尝试用数字替换IDXXX的。我已对问题进行了编辑，以说明我是如何尝试用数字替换IDXXX的