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

HTML无效，表格中的所有内容都必须在TR＆gt;中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>

Answer 2

您需要做的是将类添加到表中，然后将结果附加到表格表中：

<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);
   });
});

如果每次搜索都应清除搜索，则应将标题行放入变量/模板中，然后使用

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

jQuery不断将元素移出我的表格

2 个答案: