jQuery는 내 테이블에서 요소를 계속 이동합니다.

Question

내 jQuery로 베어 내주세요. 여전히 매우입니다.

사용자 관리 패널의 동적 검색 기능을 사용하여 결제를 빠르게 찾을 수 있습니다.

$('#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); 
    }); 
}); 

트리거, 그것은 게시물 :

<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.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>