Jquery не вводит некоторую информацию в HTML документ

Question

У меня есть функция поиска как часть веб-приложения онлайн-бронирования, которое я пишу и которое выполняется с помощью AJAX-запроса. Когда запрос на поиск выполняется, php doc / server отвечает правильной информацией:

<tr class='hover'>
    <td class='files fileName'/> result1 </td> 
    <td class='owner files name green' >Available</td> 
</tr>
<tr class='hover'> 
    <td class='files fileName'/> result2 </td> 
    <td class='owner files name green' >Available</td> 
</tr>
<tr class='hover'> 
    <td class='files fileName'/> result3 </td> 
    <td class='owner files name green' >Available</td> 
</tr>

Однако, если я проверяю элемент, я получаю это:

<tr class='hover'>
    <td class='files fileName'/></td> 
    <td class='owner files name green' >Available</td> 
</tr>
<tr class='hover'> 
    <td class='files fileName'/></td> 
    <td class='owner files name green' >Available</td> 
</tr>
<tr class='hover'> 
    <td class='files fileName'/></td> 
    <td class='owner files name green' >Available</td> 
</tr>

обратите внимание, что во втором примере вторая строка для каждого <tr> не имеет результата в <td>

мой код jquery выглядит так:

$("#table").empty(); //to empty the rable of default results
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200){
        $("#table").html(xhttp.responseText); //should put the new data into the table
        console.log(xhttp.responseText);
    }
}

почему jquery пропускает только эти значения?кажется точным, чтобы быть случайным, но это в середине строки, так что не имеет никакого смысла.

Answer 1

Я сейчас исправил проблему, вот как я это сделал.

TL; DR, я был глуп

Я случайно добавил закрывающий / в конец моего <td> так что это стало td class='files fileName'/>, что привело к осложнениям.

спасибо пользователю Ivar за то, что указал мне на это