Не удаляются данные при повторном выполнении функции?

Question

[Sergo Zar]

Привет! У меня тут такая проблема: когда выполняю поиск первый раз то функция поиска работает нормально, а когда повторяю поиск то эта функция добавляет найденные данные к тем что нашлись первый раз а не заменяет их. Тоесть функция remove() почему-то не работает.

html:

<table id="table_users" cellspacing="2">
	<tr>
		<td colspan="8" class="table_header">Список пользователей</td>
	</tr>
	<tr>
		<td colspan="8" class="table_header"><input type="search" name="search" id="search_id" class="s" placeholder="Поиск по id"></td>
	</tr>
	<tr id="headers_">
		<th onclick="sort('id')" title="Сортровать по id" >id</th>
		<th onclick="sort('VKid')" title="Сортровать по VKid">VKid</th>
		<th onclick="sort('Title')" title="Сортровать по Званию">Звание</th>
		<th onclick="sort('Ban')" title="Сортровать по Статусу бана">Статус бана</th>
		<th onclick="sort('FirstName')" title="Сортровать по Имени">Имя</th>
		<th onclick="sort('LastName')" title="Сортровать по Фамилии">Фамилия</th>
		<th onclick="sort('TimeReg')" title="Сортровать по Дате регистрации">Дата регистрации</th>
		<th title="Редактировать данные пользователей">Редактирование</th>
	</tr>
			
	<?php
		$query1 = "SELECT * FROM `users`";
		$read1  = mysqli_query($link,$query1);
		while ($row1 = mysqli_fetch_array($read1)) {
			echo '<tr id="user_data">
					<td>'.$row1["id"].'</td>
					<td>'.$row1["VKid"].'</td>
					<td>'.$row1["Title"].'</td>
					<td>'.$row1["Ban"].'</td>
					<td>'.$row1["FirstName"].'</td>
					<td>'.$row1["LastName"].'</td>
					<td>'.$row1["TimeReg"].'</td>
					<td class="td_edit"><input type="submit" class="edit user'.$row1["id"].'" value="Редактировать"></td>
				</tr>';
		}
	?>
			
</table>

Js:

var table_headers = $("#headers_");
var table_headers_next = table_headers.nextAll();
search_id.onkeydown = function (event){
	if(event.key == "Enter"){
		var id = search_id.value;
		id = parseInt(id);
		table_headers_next.remove();
		$.ajax({
	        url:cite+"_admin/search.php",
	        type:"POST",
	        data: ({id:id}),
	        dataType:"html",
	        beforeSend:before_search_id,
	        success:end_search_id
    	}); 
	}
}
function before_search_id(){
	table_headers_next.remove();
}
function end_search_id(data){
	table_headers.after(data);
}

search.php:

$link = mysqli_connect($host,$name,$password,$db);
if($link == false){
    echo "Ошибка: Невозможно подключится к MySQL".mysqli_connect_error();
}

else{
    mysqli_set_charset($link,"utf8mb4");
    $query = "SELECT * FROM `users`  WHERE id = ".$_POST['id'];
	$read  = mysqli_query($link,$query);
	while ($row = mysqli_fetch_array($read)) {
		echo '<tr>
				  <td>'.$row["id"].'</td>
				  <td>'.$row["VKid"].'</td>
				  <td>'.$row["Title"].'</td>
				  <td>'.$row["Ban"].'</td>
				  <td>'.$row["FirstName"].'</td>
				  <td>'.$row["LastName"].'</td>
				  <td>'.$row["TimeReg"].'</td>
				  <td class="td_edit"><input type="submit" class="edit user'.$row1["id"].'" value="Редактировать"></td>
			  <tr>';
	}
}

Comments

[Антон Литвиненко]

table_headers_next в консоли мне не показало то что ожидалось, а вам?

[Sergo Zar]

Anton Litvinenko,не смотрел в консоль

[rasschitai]

Sergo Zar, попробуй

var table_headers = $("#headers_");
var table_headers_next = table_headers.nextAll();

перенести в сами функции

[Sergo Zar]

rasschitai, спасибо. Помогло!