Как удалить тег с помощью jQuery?

Question

У меня есть <div> тег

  <ul id="userpic" class="user pic"> 
      <im class="pict"/> 
       Picture preview 
     </ul> 

      <div id="showpicname"> 
       <div id="delpc"></div> 
       <div id="picnam"></div> 
      </div> 

и функцию JQuery для удаления delpc и picnam:

$("#delpc").click(function() { 
    $(".pict").hide().fade(slow); 
    $("#delpc").hide().fade(slow); 
    $("#picnam").hide().fade(slow); 
}); 

<input id="browse" type="file" name="upl" onchange="preview(this)" accept="image/*"/> 

Я могу скрыть пикт, но не в силах скрыть picnam и delpc и снимите файл, выбранный id = "browse"

Что я здесь делаю неправильно? Я использую тот же метод, что и скрытие класса = pict img.

Я пробовал все возможные пути, но не повезло.

Помогите мне здесь, пожалуйста.

Благодаря

Answer 1

$("#delpc").click(function() { 
     $(".pict").fadeOut("slow", function() { 
      $(this).hide(); 
     }); 
     $("#delpc").fadeOut("slow", function() { 
      $(this).hide(); 
     }); 
     $("#picnam").fadeOut("slow", function() { 
      $(this).hide(); 
     }); 

    }); 

re фер this для сброса браузер файлов

Answer 2

Смотрите эту скрипку:

Working Fiddle

И здесь идет код:

JS:

$(function() { 
    $("#delpc").click(function() { 
     $(".pict").fadeOut("slow"); 
     $("#delpc").fadeOut("slow"); 
     $("#picnam").fadeOut("slow"); 

    }); 
}); 

ИЛИ // нет необходимости использовать как скрыть и FADEOUT

$(function() { 
    $("#delpc").click(function() { 
     $(".pict").hide(); 
     $("#delpc").hide(); 
     $("#picnam").hide(); 

    }); 
}); 

HTML:

 <ul id="userpic" class="user pic"> 
     <im class="pict"/> 
      Picture preview 
    </ul> 

     <div id="showpicname"> 
      <div id="delpc">delete</div> 
      <div id="picnam">picnam</div> 
     </div> 
    <input id="browse" type="file" name="upl" onchange="preview(this)" accept="image/*"/> 

Answer 3

Вы должны использовать .fadeOut() .Вы даже не нужно скрывать .:

$(".pict").fadeOut('slow'); 
$("#delpc").fadeOut('slow'); 
$("#picnam").fadeOut('slow'); 

Answer 4

fade должен быть fadeOut

Изменить

$("#delpc").hide().fade(slow); 
$("#picnam").hide().fade(slow); 

к

$("#delpc").hide().fadeOut("slow"); 
$("#picnam").hide().fadeOut("slow");