JSFiddle - React, Tailwind, and code Playground

HTML

<div id="slideHolder">
    <ul id="mainList" ">
                        <li templateid="1">
                           <div id="div-id1"  >
                                <table >
                                    <tr>
                                      <td>Video</td>
                                    <td>Image</td>
                                    </tr>
                                </table>
                            </div>
                        </li>
                        <li templateid="2">
                            <div id="div-id2" >
                                <table>
                                    <tr>
                                       <td >Text2</td>
                                    <td >Image2</td>
                                    </tr>
                                </table>
                            </div>
                        </li>
    </ul>
    </div>

JavaScript

var tdtexts= $("#div-id1 td").map(function() {
  return $(this).text();
});

alert("array length: " + tdtexts.length + " first element: " + tdtexts[0] + " second element: " + tdtexts[1]);