javascript - 单个页面上的多个标记表单

Question

我正在使用来自http://codecanyon.net/item/dynamic-tag-form/482498?sso?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=RikdeVos的脚本。我的工作需要在一个页面中有多个标记表单。例如，我想显示三个具有不同 id 的标记表单tags1：tags2和tag3.

<div id="tags1"></div>
<div id="tags2"></div>
<div id="tags3"></div>

并从以下位置调用脚本：

<script>
  $(document).ready(function(){
  $("#tags1").tag({
        width: 400,
        height: 90,
        inputName: 'tags1'
    });
});
 </script>

现在我该如何调用tags2，tags3如果我复制/粘贴脚本部分并替换tags1为tags2我正在获取表单，但必须有更好的方法，比如将名称作为脚本中的变量传递。

Answer 1

通过遍历容器中的每个元素来遍历所有标记表单。

HTML：

<div class="tags-container">
    <div id="tags1"></div>
    <div id="tags2"></div>
    <div id="tags3"></div>
</div>

Javascript：

$(document).ready(function(){
    $(".tags-container div").each(function (index, element) {
        $(this).tag({
            width: 400,
            height: 90,
            inputName: $(this).attr('id')
        });
    });
});