мы можем сделать общий & автоматический класс (обобщенный класс)

Question

Я хочу предопределенное имя класса, которое может наследовать свойства css непосредственного родительского класса / идентификатора. скажем

<div class="super">
   <input type="button" id="any_1" />
   <div class="sub">
      <input type="button" id="any_2" />
   </div>
</div>

Теперь я хочу заключить <input type="button" ... /> в общий класс, и этот класс должен наследовать свойства css родительского узла.

например. Предположим, generic является общим классом, и я переписываю приведенный выше пример

<div class="super">
   <div class="generic"> /*This should inherits the css properties of super class*/
      <input type="button" id="any_1" />
   </div>
   <div class="sub">
      <div class="generic"> /*This should inherits the css properties of sub class*/
          <input type="button" id="any_2" />
      </div>
   </div>
</div>

есть ли способ сделать это, если generic равен selector.

Answer 1

Я опубликовал два способа вернуть значения классов элементов ввода. РЕДАКТИРОВАТЬ: сделал ошибку, ответ исправлен.

    //jquery
     $(function() {
        $('.generic').each(function() {
              var parentClass = $(this).parent().attr('class');
              $(this).addClass(parentClass);
        });
     });