JSFiddle - React, Tailwind, and code Playground

by Chuan Shao

HTML

<table>
<tbody>
  <tr>
    <td>Charlie</td>
    <td>
      <div>
        <input class="xinput" type="text">
        <a href="javascript:;" class="increment">+</a>
      </div>
    </td>
  </tr>
  <tr>
    <td>Jerry</td>
    <td>
      <div>
        <input class="xinput" type="text">
        <a href="javascript:;" class="increment">+</a>
      </div>
    </td>
  </tr>
</tbody>
</table>

CSS

a {
  text-decoration: none;
}

JavaScript

$(function() {
  $('.increment').click(function() {
    var inputEle = $(this).siblings('input');
    var originVal = inputEle.val();
    inputEle.val(parseInt(originVal) + 1);
  });
});