使用SVG精灵文件

Question

我在下面有一个脚本切换收藏夹图标。

如何将此脚本修改为链接按钮以使用SVG精灵文件并从我的精灵文件中显示所需的图标，以及是否可以使用内嵌图像？这会起作用吗？

我也会在同一页面上有很多这些链接按钮，所以我需要更改以确保一个人不会与另一个人打电话/冲突，反之亦然？

仅供参考：片段无法运行，因为我没有示例svg文件

我不确定如何做这项工作......

谢谢大家：）

＆＃13;

＆＃13;

$(function() {
$('verify').click(function() {
  var id = $(this).parents('div').attr('id');
  $(this).toggleClass('verified');
  $.post('/yourUpdateUrl', {
      'verified': $(this).hasClass('verified'),
      'id': id
    },
    function(data) {
      //some sort of update function here
    });
});
});
});

＆＃13;

.verify {
  text-indent: -5000px;
  display: block;
  background: transparent url(../images/icon-sprite.svg) [coords for empty icon];
  height: [height of icon];
  width: [width of icon];
}
.verify.verified {
  background-position: [coordinates for svg icon];
}

＆＃13;

<div id="[item id, probably a number]">
  <p><a href="" class="verify">verify</a>
  </p>
</div>

＆＃13;

＆＃13;

＆＃13;