2011-10-07 86 views
1

我想在表格视图中删除TR。当我点击删除。删除tr - jQuery

但是我有这个问题。

$("#deletelead").live('click', function(event){ 
    deleteid = $("tbody td.small input:checkbox:checked").map(function(i, el) { return $(el).attr("id"); }).get(); 
    $("tr").remove().before("input:checkbox:checked").map(function(i, el) { return $(el).attr("id"); }).get(); 
    //alert(deleteid.length); 

    $.each(deleteid, function(index, value) { 




    $.ajax({ 
       type: "POST", 
       url: "system/classes/core.php", 
       data: "task=deletelead&customerid="+deleteid, 
       success: function(data){ 
        if((data) == 1) 
        { 
         //loadadminlayout(); 
        } 
        else 
        { 
        alert(data);  
        } 
       } 
      }); 
    return false; 

    }); 
}); 

jQuery代码创建表

function listallleads(){ 


    var script = document.createElement('link'); 
    script.href = 'theme/style/manageleads.css'; 
    script.rel = 'stylesheet'; 
    script.type = 'text/css'; 
    document.getElementsByTagName('head')[0].appendChild(script); 

    if ($.browser.msie && $.browser.version == 8) { 
     var script = document.createElement('link'); 
     script.href = 'theme/style/ie-manageleads.css'; 
     script.rel = 'stylesheet'; 
     script.type = 'text/css'; 
     document.getElementsByTagName('head')[0].appendChild(script); 
    } 



    $.getJSON(URLLINK, function(dataleads) { 

     $.each(dataleads,function(i, myleads){ 
     var businessname = ""; 
     if(myleads.Company == null || myleads.Company == "null" || myleads.Company == "") 
     { 
     businessname = myleads.TradingName; 
     } 
     else 
     { 
     businessname = myleads.Company; 
     } 

     if(usertype == 3) 
     { 
      if(myleads.AMStatus == 1) 
      { 
      leadstatus = "All Confirmed"; 
      } 
      else 
      { 
      leadstatus = "Not Confirmed"; 
      } 

     } 
     else 
     { 
      leadstatus = leadstatusselect(myleads.LeadStatus); 
     } 

     if(myleads.AMStatus == 1) 
     { 
      myleads.AMStatus = "one"; 
     } 



     cssstats = "lead"+myleads.AMStatus 



      $("tbody").append('<tr id="'+myleads.customer_id+' class="'+cssstats+'">'+ 
'   <td id="row" class="small"><input id="'+myleads.customer_id+'" type="checkbox"></td>'+ 
'   <td>'+myleads.CreatedTime+'</td>'+ 
'   <td>'+businessname+'</td>'+ 
'   <td class="center">'+myleads.FirstName+' '+myleads.LastName+'</td>'+ 
'   <td class="center">'+myleads.Phone+'</td>'+ 
'   <td class="center bigger">'+myleads.Email+'</td>'+ 
'   <td class="center">'+myleads.stafffirstname+' '+myleads.stafflastname+'</td>'+ 
'   <td class="center last">'+leadstatus+'</td>'+ 
'  </tr>'); 
     }); 
     qs.cache(); 
    }); 

    if(usertype == 3) 
    { 
    leadtype = "A/M Status";  
    } 
    else 
    { 
    leadtype = "Lead Status"; 
    } 

    $("#todo_bg").hide(); 
    $("#menuarea").html('<a id="gotohome"><div id="backmain" class="backbg">Back</div></a><div id="nav" class="backbgright">Manage Business Lead</div>'+ 
         '<div id="dowithleads"><button id="editlisting" class="blackbutton manage">Edit Listing</button><button id="sendemailout" class="blackbutton manage">Send Message</button> <button id="deletelead" class="blackbutton manage">Delete Lead</button>'+ 
         '<div id="searchbox"><form action="#"><fieldset><input type="text" name="search" value="" id="searchleads" placeholder="Search" autofocus /></fieldset></form></div>'+ 
         '</div>'+ 
         '<div id="dowithleads"><table cellpadding="0" cellspacing="0" border="0" class="sortable paginated scrollTable" id="manageleads">'+ 
' <thead class="fixedHeader">'+ 
'  <tr>'+ 
'   <th class="small" id="first"><input type="checkbox" class="checkbox checkall" value="Yes"></th>'+ 
'   <th class="sort-alpha">Created Time</th>'+ 
'   <th class="sort-alpha">Company</th>'+ 
'   <th class="sort-alpha">Lead Name</th>'+ 
'   <th class="sort-alpha">Phone No.</th>'+ 
'   <th class="sort-alpha bigger">Email</th>'+ 
'   <th class="sort-alpha">Lead Owner</th>'+ 
'   <th class="sort-alpha last">'+leadtype+'</th>'+ 
'  </tr>'+ 
' </thead>'+ 
' <tbody class="scrollContent"></tbody>'+ 
'</table></div>'); 


    setTimeout(function(){ 
    var script = document.createElement('script'); 
    script.src = 'js/table.js'; 
    script.type = 'text/javascript'; 
    document.getElementsByTagName('head')[0].appendChild(script); 
    stripedTable(); 
    },2000); 


    var qs = $('input#searchleads').quicksearch('table#manageleads tbody tr'); 
} 
+0

我想知道为什么你使用'before'&'GET'&'map'。他们服务于不同的目的,然后我可以检查你的代码。 –

+0

什么是html代码,因为你当前的js将删除html文档中的所有'tr'。在这里根据你想删除的'tr'的条件不清楚,并且你得到的错误告诉我们,以便回答你的问题。 –

+0

嗨,HTML是jQuery代码,我会在上面发布它 – RussellHarrower

回答

1
$('tbody tr').each(function(){ 
       if ($(this).find('input:checkbox:checked').length == 1) { 
        $(this).remove(); 
       } 
      });