Удалить innerHTML IMG полностью селекцией JQuery

Question

Я динамически создал DIV с кодом ниже:

typebox.innerHTML += "<div id='idtypebox' class='typebox'><img id='typeImg' width='30px' height='30px' src="+d[o].src+"></div>"; 

Мое намерение состоит в полностью удалить innerHTML, который я создал, изменяя innerHTML, который создал и IMG если изменить форму A на B, эти изображения будут удалены.

function SelectCheck() { 
    var select_val = $('#Check').val(); 
    // using this to remove typeimg 
    var toRemove = document.getElementById('typeImg'); 
    toRemove.parentNode.removeChild(toRemove); 
    if (select_val) { 
    ajax_json_gallery("Img/"+select_val); 
    } 
    return; 
} 

$(document).ready(function() { 
    $("#Check").change(SelectCheck).change(); 
}); 

Я попробовал этот код на кнопку и она работает, но если я ставлю в выборе JQuery я получаю сообщение об ошибке

var toRemove = document.getElementById('typeImg'); 
toRemove.parentNode.removeChild(toRemove); 

Answer 1

Почему не просто:

$("#typeImg").remove(); 

и полная код:

function SelectCheck(){ 
    var select_val = $('#Check').val(); 
    // using this to remove typeimg 
    $("#typeImg").remove(); 
    if(select_val){ 
     ajax_json_gallery("Img/"+select_val); 
    } 
    return; 
} 

Answer 2

jQuery(document).ready(function($) { 

      myVar=$("#d1 [href]").html(); 
       var href = $(myVar).attr('src'); 
       $("#d1").html(''); 
       $("#d1").html('<img src="'+href+'" class="images_responsive_mode">').removeAttr("href"); 

       }); 

    </script> 

Это один из сценариев, которые я создал для удаления класса, назначенного wordpress, и для назначения нового класса для отзывчивого изображения, если он вам полезен!

Answer 3

вы можете использовать ChildNodes удалить innerHtml

var toRemove = document.getElementById('typeImg'); 
      toRemove.parentNode.removeChild(toRemove.childNodes[0])