jquery - ID で要素を検索し、前の div を非表示にします

Question

おそらく簡単な質問ですが、私はこれを理解できません。

私がやろうとしているのは、div 内に配置されている ID を見つけることです。見つかったら、前の div に追加のクラス名を追加します。問題は、唯一の id が div 内に配置されていることです。

HTML

<div class="radio"> // to this class I want to add an extra class like "hide"
   <input type="radio" id="invoice-method"> 
   <label for="invoice-method">.....</label>
</div>

したがって、「id = invoice-method」を見つけて、そのようなクラスを追加する必要があります <div class="radio hide">

html は自動的に生成されるため、これが唯一の方法です。

Answer 1

要素の代わりにラジオクラスを持つclosest親が必要です。divprevious

$('#invoice-method').parent().addClass("hide");

また

$('#invoice-method').closest('div').addClass("hide");

Answer 2

$('#invoice-method').closest('div')...

Answer 3

$('#invoice-method').parent().addClass('hide');