JSFiddle - React, Tailwind, and code Playground

by Sam G

HTML

<table>
    <tr class="task-name">
        <td>abcdefgh</td>
        <td>blabla</td>
        <td>blabla</td>
    </tr>
    <tr class="task-name">
        <td>abcdefgh</td>
        <td>blabla</td>
        <td>blabla</td>
    </tr>
    <tr class="task-name">
        <td>abcdefgh</td>
        <td>blabla</td>
        <td>blabla</td>
    </tr>
    <tr class="task-name">
        <td>abcdefgh</td>
        <td>blabla</td>
        <td>blabla</td>
    </tr>
    <tr class="task-name">
        <td>abcdefgh</td>
        <td>blabla</td>
        <td>blabla</td>
    </tr>
</table>

JavaScript

$('.task-name td:first-child').each(function() {
    var str = $(this).text().substring(0, 4);
    console.log(str);
});