Подствеить блок с определённым значением input

собственно есть примерно такая структура
и нужно при обнаружении "Значение 1" классу custom_wms_doc добавлять ещё один класс в этом же блоке что и был обнаружен не добавляя класс блоку со "Значение 2"
или же по классу импута, а не по значению определять
как такое можно реализовать?

Код:

<div class="custom_wms_doc">
<div class="mini">
   <div class="top">
     <div class="left">
       <div class="align-left">
         <div class="ac">
           <div>
             <i class="wms_maps"></i>
             <input class="down c-1 wms_centrpage_maps" type="button" onclick="setCenter2();" value="Значение 1" data-class="js-bold">
           </div>
         </div>
       </div>
     </div>
   </div>
</div>
<div>
<div class="custom_wms_doc">
<div class="mini">
   <div class="top">
     <div class="left">
       <div class="align-left">
         <div class="ac">
           <div>
             <i class="wms_maps"></i>
             <input class="down c-2 wms_centrpage_maps" type="button" onclick="setCenter2();" value="Значение 2" data-class="js-bold">
           </div>
         </div>
       </div>
     </div>
   </div>
</div>
<div>

 

да это пример, вижу что слэш не вставил в последних дивах))
что-то как-то не заработало...

 

Вам наверное нужно подписаться на событие keyup, а не click и тогда заработает.

 

По этой же теме
вот есть такая строчка
<td data-date="2017-03-8" class="" style="height: 139px;"><span class="date" style="line-height: 139px;"><span class="number" style="">8</span></span></td>
как зная data-date="2017-03-8" добавить к td класс?