在引导标记中自定义html模板

Question

我正在查看在这里找到的引导标记：http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/

我希望能够连接到正在呈现的HTML中，以便向生成的标记添加额外的锚/链接。有一个名为：beforeItemAdd()的事件，它允许您在添加项之前查看它，但是除了防止它被呈现之外，您不一定可以与它交互。

这里有什么方法可以自定义HTML输出，这样我就可以在标记中添加除'x‘之外的其他链接了吗？仅仅应用CSS类是行不通的，我需要能够修改正在呈现的实际标记，这样我就可以将内容添加到标记中。

或者，我对标记的解决方案是开放的，它允许定制标记HTML呈现。

Answer 1

如果不深入挖掘插件源代码(我从未使用过这个插件)，也不知道存储了什么数据，一种方法是在事件回调中使用this来遍历插件封装所有内容的主容器，然后找到标记元素。

每次添加一个类，然后您就知道您已经修改了哪些类，而没有该类的类将是您的新类。

$('input').on('itemAdded', function(event) {
  var $cont = $(this).siblings('.bootstrap-tagsinput'),
      $tag = $cont.find('.tag').not('.modified').addClass('modified');
      $tag.doSomeStuff();      
});