JSFiddle - React, Tailwind, and code Playground

by Mansfield

HTML

<table>
    <tr>
        <th>Id</th>
        <th>found</th>
    </tr>
    <tr>
        <td>
            test.1
        </td>
        <td id="test.1">
            no
        </td>
    </tr>
    <tr>
        <td>
            test-1
        </td>
        <td id="test-1">
            no
        </td>
    </tr>
    <tr>
        <td>
            test-1.1
        </td>
        <td id="test-1.1">
            no
        </td>
    </tr>           
</table>

CSS

table, th, td
{
    border: 1px solid black;
}

td, th
{
    padding: 1px 3px 1px 3px;
}

table
{
    border-collapse: collapse;
}

JavaScript

$("#test\\.1").html("yes");
$("#test-1").html("yes");
$("#test-1\\.1").html("yes");