2012-04-09 11 views
0

これは現在のdemoです。画像を動的に読み込もうとしていますが、ボタンをクリックしてすべての画像をすべて削除するにはどうすればいいですか?ダイナミックに生成された画像を消去する

は、ここに私のコードです:

 $(function() { 
     $('#fileupload').fileupload({ 

      dataType: 'json', 
      done: function (e, data) { 
       $("#demo5").paginate({ 
        count: pageNumber, 
        start: 1, 
        display: Math.min(7, pageNumber), 
        border: true, 
        border_color: '#fff', 
        text_color: '#fff', 
        background_color: 'black', 
        border_hover_color: '#ccc', 
        text_hover_color: '#000', 
        background_hover_color: '#fff', 
        images: false, 
        mouse: 'press', 
        onChange: function (page) { 
         $('#paginationdemo ._current').removeClass('_current').hide(); 
         $('#p' + page).addClass('_current').show(); 
        } 
       }); 
       $.each(data.result, function (index, file) { 

        if (imagesInPage >= imagesPerPage) { 
         imagesInPage = 1; 
         pageNumber += 1; 
         divPage = $('<div/>', { id: "p" + pageNumber }).addClass('pagedemo').hide().appendTo(pagesContainer); 
        } else { 
         imagesInPage += 1; 
        } 
        var src = 'Uploads/' + file.name; 
        $('<img>', { src: src, href: src, "class": 'LoadclickImage', align: 'left', width:'87', height:'60' }).appendTo(divPage); 

       }); 

      } 
     }); 

これは私のdiv構造です:事前に

<div id="paginationdemo" class="demo"> 
    <div id="pagesContainer"> 
     <div id="p1" class="pagedemo _current"></div> 
    </div> 
    <div id="demo5"></div> 
</div> 

感謝。

答えて

1

これはそれを行う必要があります。

$( "LoadclickImage")(削除します)。

jQuery docs.remove()を参照してください。 .detach()も検討してください。

+0

@ Michael-ありがとうございました。うまくいきました。ページを削除する方法は他にあります。 – coder

+0

'remove()'は、画像が後で再接続されないので、おそらく良いでしょう。 http://api.jquery.com/remove/ –

+0

あなたは大丈夫です。回答が修正されました。 –

関連する問題