Hover parent

Change parent of the hovered item

HTML

<div class="ui-grid">d

          <div class="oplay-numberright">d</div>

        </div>

        <div class="ui-grid">d

          <div class="oplay-numberrightas">d</div>

        </div>

CSS

.ui-grid {
  background:#ccc;
  padding:1rem;
}
.oplay-numberright {
  color: #fff;
  background: #000;
}
.padnull {
  padding: 0rem !important;
}

.oplay-numberrightas {
  color: #fff;
  background: #000;
}

JavaScript

$("div.ui-grid div.oplay-numberright").addClass("padnull");