jqueryの "background：image"属性で "src"属性を変更します。

Question

このコードを変更して "src"属性ではなく "background：image"属性で画像を追加する方法はありますか？

<script> 
    jQuery(document).ready(function($) { 
      var audioElement = document.createElement('audio'); 
     $(".audioplay img").click(function() { 
     audioElement.setAttribute('src', $(this).attr('data-href')); 
     if($(this).hasClass('playing')){ 
      $(this).attr("src","/wp-content/player/play.png"); <<<ADD IMAGE THROUGH THE BACKGROUND:IMAGE 
      $('.audioplay img').removeClass("playing"); 
      audioElement.pause(); 
     }else{ 
      $('.audioplay img').removeClass("playing"); 
      $('.audioplay img').attr("src","/wp-content/player/play.png"); <<<ADD IMAGE THROUGH THE BACKGROUND:IMAGE 
      $(this).attr("src","/wp-content/player/stop.png"); <<<ADD IMAGE THROUGH THE BACKGROUND:IMAGE 
      $(this).addClass("playing"); 
      audioElement.play(); 
     } 

     }); 
    }); 
</script> 

<div class="audioplay"><img data-href="/<?php echo get_post_meta($post->ID, 'mp3', true); ?>" data-name="<?php the_title();?>" src="/wp-content/player/play.png" alt="play now"/></div> 

Answer 1

あなたはこのようなことをしているようです。何か問題があればこれを試して返信してください。

jQuery(document).ready(function($) { 
 
    var audioElement = document.createElement('audio'); 
 
    $(".audioplay img").click(function() { 
 
    audioElement.setAttribute('src', $(this).attr('data-href')); 
 
    if ($(this).hasClass('playing')) { 
 
     $(this).css("background-img", "path-here"); // Directy add a css style to targetted element. 
 
     $('.audioplay img').removeClass("playing"); 
 
     audioElement.pause(); 
 
    } 
 
    }); 
 
});

Answer 2

あなたはより多くを説明することができ、この

jQuery(document).ready(function($) { 
     var audioElement = document.createElement('audio'); 
    $(".audioplay img").click(function() { 
    audioElement.setAttribute('src', $(this).attr('data-href')); 
    if($(this).hasClass('playing')){ 
     $(this).attr("background-image","url('/wp-content/player/play.png')"); <<<ADD IMAGE THROUGH THE BACKGROUND:IMAGE 
     $('.audioplay img').removeClass("playing"); 
     audioElement.pause(); 
    }else{ 
     $('.audioplay img').removeClass("playing"); 
     $('.audioplay img').attr("background-image","url('/wp-content/player/play.png')"); <<<ADD IMAGE THROUGH THE BACKGROUND:IMAGE 
     $(this).attr("background-image","url('/wp-content/player/stop.png')"); <<<ADD IMAGE THROUGH THE BACKGROUND:IMAGE 
     $(this).addClass("playing"); 
     audioElement.play(); 
    } 

    }); 
});