如何删除一段时间后的HTML追加

目前我有一个页面，使用jQuery和PHP上传信息，接下来它应该显示最近添加的项目几秒钟，然后淡出它们，但离开div的最近添加的项目。的项目被显示在如何删除一段时间后的HTML追加

'<ul id="responds" > 

    '</ul>

列表项，每当插入成功这个Ajax请求

'$.ajax({ 
    type: "POST", // HTTP method POST or GET 
    url: "response.php", //Where to make Ajax calls 
    dataType:"text", // Data type, HTML, json etc. 
    data:myData, // 
    success:function(result){ 
    $("#responds").delay(10000).fadeIn(); 
    $("#responds").append("<li class='res'>"+result+"</li>"); 
      $('.res').remove(); 
      $("#proyecto").val(''); //empty text field on successful 
      $("#departamento").val(''); //empty text field on successful 
      $("#tipo_activo").val(''); //empty text field on successful 
      $("#modelo").val(''); //empty text field on successful 
      $("#numero_serie").val(''); //empty text field on successful 
      $("#marca").val(''); //empty text field on successful 
      $("#numero_remision").val(''); //empty text field on successful 
    $("#cuenta_sap").val(''); //empty text field on successful 
    $("#ubicacion").val(''); //empty text field on successful 
    $("#nombre").val(''); //empty text field on successful 
    $("#codigo_centro_beneficio").val(''); //empty text field on successful 
    $("#FormSubmit").show(); //show submit button 
    $("#LoadingImage").hide(); //hide loading image'

basiclly我的问题是如何将我做后追加“水库”插入并在一段时间后淡出它，如果我添加另一个条目，给它相同的淡出时间但不检测第一个。

来源

2014-11-06 Julio Villalba

你可以通过创建实际的jQuery对象，然后就再次超时或回调函数删除它们，像

$.ajax({ 
    type: "POST", 
    url: "response.php", 
    dataType: "text", 
    data: myData, 
    success: function (result) { 
     var li = $('<li />', { 
      'class' : 'res', 
      text : result 
     }); 

     $("#responds").append(li).delay(10000).fadeIn(); 

     setTimeout(function() { 
      li.fadeOut(function() { 
       $(this).remove(); 
      }); 
     }, 15000) 

     .... etc

来源

2014-11-06 17:27:17 adeneo

给附加一个唯一的ID，并创建一个查找id并将其删除的超时。

来源

2014-11-06 17:20:55 Mike

如何删除一段时间后的HTML追加

回答

相关问题