jQuery-两个HTML之间的match元素

Question

只要主HTML中存在匹配项，就尝试从加载项HTML文件中加载。我不想大声疾呼每个人，这会占用很多行，因为我们将为最终用户提供大量的图标。有没有一种方法可以自动Scran>查找>加载？ 谢谢

$( "#icon-arrow" ).load( "/icon-svg-load.html #icon-arrow" );

<a href="#" class="icon" id="icon-arrow">
</a>

<a href="#" class="icon" id="icon-circle">
</a>

<a href="#" class="icon" id="icon-left">
</a>

Answer 1

浏览所有图标，获取ID，然后在URL中使用该ID进行加载。

$(".icon").each(function() {
  $(this).load(`/icon-svg-load.html #${this.id}`);
});