0

アンカー リンクにクラスを追加するにはどうすればよいですか?

私のhtmlコードは次のようになります：

<div class="et_pb_blurb_content">
  <div class="et_pb_main_blurb_image">
    <a href="video.mp4">
      <span class="et_pb_image_wrap">
        <img loading="lazy" width="128" height="128" src="2021/02/cover.png" alt="" class="et-waypoint et_pb_animation_off wp-image-17" />
      </span>
    </a>
  </div>
  <div class="et_pb_blurb_container">
    <h4 class="et_pb_module_header">
      <a href="video.mp4">Watch</a>
    </h4>
  </div>
</div>

このように達成したいJavaScriptコードを使用すると、アンカーリンククラスが追加されます。

<div class="et_pb_blurb_content">
  <div class="et_pb_main_blurb_image">
    <a href="video.mp4" class="vp-a">
      <span class="et_pb_image_wrap">
        <img loading="lazy" width="128" height="128" src="2021/02/cover.png" alt="" class="et-waypoint et_pb_animation_off wp-image-17" />
      </span>
    </a>
  </div>
  <div class="et_pb_blurb_container">
    <h4 class="et_pb_module_header">
      <a href="video.mp4" class="vp-a">Watch</a>
    </h4>
  </div>
</div>

wordpressのdiviテーマを使用していますが、アンカービデオリンクにクラスを追加することはできません

4

1 に答える 1