JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td class="illuBtn">
      <a id="zoom-plus" class="toolbarBtn toolbarBtnDisabled" title="" tabindex="-1" href="#"></a>
    </td>
    <td class="illuBtn">
      <a id="zoom-minus" class="toolbarBtn toolbarBtnDisabled" title="" tabindex="-1" href="#"></a>
    </td>
    <td class="illuBtn">
      <a id="zoom-rect" class="toolbarBtn toolbarBtnDisabled" title="" tabindex="-1" href="#"></a>
    </td>
    <td class="illuBtn">
      <a id="zoom-total" class="toolbarBtn toolbarBtnDisabled" title="" tabindex="-1" href="#"></a>
    </td>
    <td class="illuBtn">
      <a id="zoom-lens-on" class="toolbarBtn toolbarBtnDisabled" title="" tabindex="-1" href="#"></a>
      <a id="zoom-lens-off" class="toolbarBtn toolbarBtnDisabled" style="display:none;" title="" tabindex="-1" href="#"></a>
    </td>
    <td class="illuBtn">
      <a id="prev-drawing" class="toolbarBtn toolbarBtnDisabled" title="" tabindex="-1" href="#"></a>
    </td>
    <td class="comboBoxTD">
      <div id="drawing-combobox-control" class="comboBox">
        <table class="combo_tbl" cellspacing="0" cellpadding="0" border="0">
          <tbody>
            <tr>
              <td>
                <input id="drawing-input" class="combo_input" type="text" tabindex="0" value="" readonly="readonly">
              </td>
              <td>
            </tr>
          </tbody>
        </table>
        <div class="optionListWrapper" style="display:none">
        </div>
        </td>
        <td class="illuBtn">
          <td class="trim">
  </tr>
</table>

CSS

td {
  border: 1px solid #000;
  padding: 5px;
}

JavaScript

var test =$('td a #zoom-plus');
console.log(test);