JSFiddle - React, Tailwind, and code Playground

HTML

<table id="tblPets">
    <tbody>
        <tr>
            <td>
                <textarea class="question">q1</textarea>
                <textarea class="answer">a1</textarea>
            </td>
        </tr>
        <tr>
            <td>
                <textarea class="question">q2</textarea>
                <textarea class="answer">a2</textarea>
            </td>
        </tr>
    </tbody>
</table>

JavaScript

var param = [];
$("#tblPets tbody tr").each(function(index){

 param.push({
    question: $("textarea.question", this).val(),
    answer: $("textarea.answer", this).val(),
 });

});

console.log(param);

var result = '';
$.map(param, function(n) {
    for(var prop in n){
        result += n[prop] + ',';
    }
    result = result.substring(0, result.length-1) + '|';
});

console.log(result);