2012-12-05 89 views
1

我想刪除成功的ajax調用後的錶行,但它不工作。在螢火蟲沒有錯誤,它刪除後端PHP的行,只是不刪除tr。這裏是我的代碼:jQuery刪除tr成功後ajax

function closelead(rowid){ 
      var rowid = rowid; 

      $.ajax({ 
       type: "POST", 
       url: "ajax/close.php", 
       data: "rowid="+ rowid, 

       success: function(html){ 

        $(this).closest('tr').remove(); 
       } 
      }); 

      } 

和HTML:

<table id="companytable"> 
     <tr id="top"><th>Business Name</th><th>Phone</th><th>Carrier</th><th>X-Date</th><th></th><th></th><th></th></tr> 
     <?php 
     $query = "SELECT * FROM leads WHERE user = '$user' ORDER BY wccompcode"; 
     $selectlead = mysql_query($query)or die(mysql_error()); 
     while($leadlist = mysql_fetch_array($selectlead)){ 
      $compcode = $leadlist['wccompcode']; 
      $compcode = sprintf("%03s", $compcode); 
      $selcomp = mysql_query("SELECT carname FROM carrierlist WHERE carcode = '$compcode'")or die(mysql_error()); 

      while($carrier = mysql_fetch_array($selcomp)){ 
       $carrier1 = $carrier['carname']; 
      } 
      ?> 
      <tr id="<?php echo $leadlist['ID'];?>"><td id="busname"><?php echo $leadlist['busname'];?></td><td><?php echo $leadlist['phone'];?></td><td><?php echo $carrier1;?></td><td><?php echo date("m/d/Y",strtotime($leadlist['wcxdate']));?></td><td><input type="button" value="Call Back" class="searchbutton" /></td><td><input type="button" onclick="closelead(<?php echo $leadlist['ID'];?>)" value="Close" class="searchbutton" /></td><td><input type="button" value="Soft Quote" class="searchbutton" /></td></tr> 
      <? 
     } 
     ?> 
     </table> 
+0

嘗試$( '#' + ROWID).hide();而不是$(this).closest('tr')。remove(); –

回答

4

嘗試

function closelead(rowid){ 
    var rowid = rowid;     
    $.ajax({ 
     type: "POST", 
     url: "ajax/close.php", 
     data: "rowid="+ rowid,      
     success: function(html){       
      $('#'+rowid).remove(); 
     } 
    });     
} 
+0

哇,很容易謝謝你 – savagenoob

0
function closelead(rowid){ 
      var rowid = rowid; 

      $.ajax({ 
       type: "POST", 
       url: "ajax/close.php", 
       data: "rowid="+ rowid, 

       success: function(html){ 

        $('#'+rowid).closest('tr').remove(); 
       } 
      }); 

      }