要素を追加・削除するための jQuery コード

要素を追加・削除するための jQuery コードです。このコードは、.icon-zoom-in というクラスを持つ要素２つの a タグを作成し、.icon-zoom-in と .icon-zoom-out というクラスを持つ span タグを削除します。

javascriptCopy code$(document).ready(function() {
  var zoomInLink = '<a href="#" class="icon-zoom-in">拡大</a>';
  var zoomOutLink = '<a href="#" class="icon-zoom-out">縮小</a>';

  $('.icon-zoom-in').after(zoomInLink).after(zoomOutLink);
  $('.icon-zoom-in').siblings('.icon-zoom-out, a').remove();
});

このコードでは、.icon-zoom-in クラスを持つ要素の直後に zoomInLink 変数で定義された a タグを追加し、その後に zoomOutLink 変数で定義された a タグを追加します。その後、.icon-zoom-in 要素の兄弟要素で、.icon-zoom-out クラスを持つ span 要素と、a 要素を削除します。