jQuery不斷移動我的表元素

Question

請裸我的我的jQuery仍然非常有限。

我正在爲我的用戶管理面板進行動態搜索功能，以便快速查找付款。

要顯示它，我有這樣的代碼：

<table> 
     <tr> 
      <td><strong>Username</strong></td> 
      <td><strong>E-mail</strong></td> 
      <td><strong>Paid</strong></td> 
      <td><strong>Trans ID</strong></td> 
      <td><strong>Remaining</strong></td> 
      <td><strong>Other</strong></td> 
     </tr> 
<span class="searchResults"></span> 
    </table> 

我使用添加的結果到跨度中的代碼是這樣的：

$('#search').keyup(function(){ 
    $(window).keydown(function(event){ 
     if(event.keyCode == 13) { 
      event.preventDefault(); 
      return false; 
     } 
    }); 
    var search = $('#search').serialize(); 
    $.post('search.php', search, function(result){ 
     $('.searchResults').html(result); 
    }); 
}); 

觸發時，它的帖子到search.php就好了，但結果以我不期待的方式顯示。

它將的結果全部放在以上。我不知道爲什麼或如何解決這個問題，谷歌搜索並沒有很成功。任何人都可以指出我做錯了什麼？

Answer 1

你需要做的是類添加到您的表，然後附加結果表表：

<table class='searchResults'> 
    <tr> 
     <td><strong>Username</strong></td> 
     <td><strong>E-mail</strong></td> 
     <td><strong>Paid</strong></td> 
     <td><strong>Trans ID</strong></td> 
     <td><strong>Remaining</strong></td> 
     <td><strong>Other</strong></td> 
    </tr> 
</table> 

和你的腳本是：

$('#search').keyup(function(){ 
$(window).keydown(function(event){ 
    if(event.keyCode == 13) { 
     event.preventDefault(); 
     return false; 
    } 
}); 

var search = $('#search').serialize(); 
    $.post('search.php', search, function(result){ 
     $('.searchResults').append(result); 
    }); 
}); 

如果搜索應該每次搜索時間被清除，你守ld然後將標題行放入變量/模板中，然後使用

$('.searchResults').html(template + result); 

Answer 2

無效的HTML，一切都在一個表必須在TR> TD

 <table> 
     <tr> 
      <td><strong>Username</strong></td> 
      <td><strong>E-mail</strong></td> 
      <td><strong>Paid</strong></td> 
      <td><strong>Trans ID</strong></td> 
      <td><strong>Remaining</strong></td> 
      <td><strong>Other</strong></td> 
     </tr> 
     <tr><td> <span class="searchResults"></span> </td></tr> 
    </table>