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>