使用jQuery删除前置脚本标记？

Posted 2021-04-10

我在点击时将Google Maps脚本加载到我的网站中，我希望能够在点击另一个按钮时删除该脚本，这样如果用户不断加载不同的地图，我就不会使用多个Google Maps脚本。我怎样才能做到这一点？我是否通过脚本标记的src进行定位，还是可以添加类/ ID或其他内容？

$(function() {
  $('.add-script').click(function() {
    $('body').append('<script class="gmaps-script" src="https://maps.googleapis.com/maps/api/js?key=MYKEY&callback=init"></script>');
  });
  
  $('.remove-script').click(function() {
    // Remove previously appended script tag here
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="add-script">Load Map</button>
<button class="remove-script">Remove Map</button>

答案

您可以删除最后一个脚本Tag

$('script').last().remove();

或者给脚本标记一个像id="gmaps-js"的id并用$('#gmaps-js').remove()删除它