remove image without ID from div with ID

Question

I have the following html:

<div id="container"><img src="some/path/image.jpg" /></div>

I want to remove that image by using a function. However, i'm not very experienced with javascript and I can't get it done because the image element has no ID or class.

  $("button").click(function () {
      $("container").remove("container > img");
    });

However obviously that doesn't work. Please help!

Answer 1

$("#container").find("img").remove(); 

这应该够了吧。

Answer 2

Your code is perfect. However instead of just using the container, You should use # before it.

$("#container > img")

Answer 3

$("container") should be $("#container").

I would suggest $("#container").empty()

Answer 4

try this, could works...

 $("button").click(function () {

//get the images

var myImages = $('#container').find('img');

for (var i =0; i< myImages.length; i++){
//remove each image
$('#container').removeChild(myImages[i]);
}



        });