jquery脚本的多个“实例”

Question

http://jsfiddle.net/wcXsF/

对于每个新标记字段，我现在必须将其添加到html：

<ul id="demo3" name="demo3">
    <li>
        tag
    </li>
</ul>
<div class="buttons">
<button id="demoGetTags3" value="Get Tags">Tags</button>
</div>

但这也是javascript

$('#demo3').tagit({});
$('#demoGetTags3').click(function(){showTags($('#demo2').tagit('tags'))});

我的想法是我希望能够多次使用（使用不同的标签）：

<ul id="demo" name="demo">
        <li>
            tag
        </li>
    </ul>
<div class="buttons">
<button id="demoGetTags" value="Get Tags">Tags</button>
</div>

并保持javascript静态（用于缓存等）。 这可能吗？

Answer 1

使用类而不是ID。

<ul class="tag-list">
    <li>
        tag
    </li>
</ul>
<div class="buttons">
<button class="get-button" value="Get Tags">Tags</button>
</div>

$('.buttons .get-button').click(function(){
    showTags( $(this).parent().prev( '.tag-list' ).tagit( 'tags' ) );
});