JSFiddle - React, Tailwind, and code Playground

HTML

<div id="slideHolder">
    <ul id="mainList" >
                        <li templateid="1 ">
                           <div id="1"  >
                                <table >
                                    <tr>
                                      <td>Video</td>
                                    <td>Image</td>
                                    </tr>
                                </table>
                            </div>
                        </li>
                        <li templateid="2 ">
                            <div id="2 " >
                                <table>
                                    <tr>
                                       <td >Text</td>
                                    <td >Image</td>
                                    </tr>
                                </table>
                            </div>
                        </li>
    </ul>
    </div>

JavaScript

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

console.log(tdtexts);