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”选择的文件

我在这里做错了什么？我使用与隐藏class = pict img。

相同的方法

我尝试了所有可能的方法，但没有运气。

请帮帮我。

由于

Answer 1

看到这个小提琴：

Working Fiddle

这里是代码：

<强> JS：

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

    });
});

OR //无需同时使用hide和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 2

您应该使用 .fadeOut() 。您甚至不需要隐藏它。：

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

Answer 3

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

    });

请参阅this以重置文件浏览器

Answer 4

fade应为fadeOut

更改

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

到

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

如何使用jQuery删除标签？

4 个答案: