如何使用jQuery去除標籤？

我有一個<div>標籤如何使用jQuery去除標籤？

  <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/*"/>

我能躲PICT，但無法掩飾picnam和delpc並取消由選定的文件id =「瀏覽」

我在這裏做錯了什麼？我使用與隱藏class = pict img相同的方法。

我試過所有可能的方法，但沒有運氣。

請幫我。

感謝

來源

2014-01-30 Kissa Mia

'$（）。fade'不存在，你的腳本時拋出試圖第一次給它打電話。檢查JS控制檯。 –

@FabrícioMatté非常感謝很多好友，這是有效的，我已經刪除了淡入淡出，但如何取消選擇所選文件？ –

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

    });

參考this重置文件瀏覽器

來源

2014-01-30 07:59:35

感謝這一個很好，但我想知道如何通過標記取消選定的文件，我應該從假路徑中刪除文件？或者還有其他有效的方法嗎？ –

看到這個小提琴：

Working Fiddle

而且這裏有雲代碼：

JS：

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

    }); 
});

或 //沒有必要同時使用隱藏和淡出

$(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/*"/>

來源

2014-01-30 07:58:47

'hide（）'在'fadeOut（）'之前執行。爲什麼要執行這兩個？要麼立即隱藏，要麼淡出。 – timo

好的...我編輯了我的答案 –

在fadeOut（）完成之前，你仍然隱藏它們。 fadeOut完成後，元素仍然隱藏，所以'hide（）'已經過時。儘管它在OP原始代碼中。只要去 http://jsfiddle.net/k4F6H/7/ – timo

您應該使用.fadeOut()。你甚至不需要去隱藏它：

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

來源

2014-01-30 07:59:35

慢沒有定義。 –

fade應該fadeOut

變化

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

到

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

來源

2014-01-30 08:00:33 iJade

你不需要隱藏。 fadeOut最終隱藏該元素。 –

如何使用jQuery去除標籤？

回答

相關問題