JSFiddle - React, Tailwind, and code Playground

by Donal Devine

HTML

<table id="dynatable">
    <thead>
        <tr>
            <th>Time</th>
            <th>Description</th>
        </tr>
    </thead>
    <tbody id="p_scents">
        <tr>
            <td class="ts_td">
                <input type="text" name="ts_value[]" class="timestamp_input" value="10:30" />
            </td>
            <td>
                <TEXTAREA NAME="ts_description[]" class="ts_desc" rows="3" cols="30" style="resize:none;">thsi is a test 22</TEXTAREA>
            </td>
        </tr>
        <tr>
            <td class="ts_td">
                <input type="text" name="ts_value[]" class="timestamp_input" value="11:22"></input>
            </td>
            <td>
                <TEXTAREA NAME="ts_description[]" class="ts_desc" rows="3" cols="30" style="resize:none;">thsi is a test</TEXTAREA>
            </td>
        </tr>
    </tbody>

JavaScript

var values = $("input[class='timestamp_input']").map(function(){return $(this).val();}).get();

var textAreaValues = $("textarea[class='ts_desc']").map(function(){return $(this).val();}).get();

console.log(values);

console.log(textAreaValues);