javascript - jqueryを使用してクラスやIDなしで親要素を選択するには?

Question

次のコードがあります。

<div>
<label for="fsc_name1">Name:<span class="required"> *</span></label>
</div>

<div>
<input style="text-align:left; margin:0;" type="text" id="fsc_name1" name="fsc_name" value=""  size="60">
</div>

これは連絡先フォームの一部であり、特定の要素が選択されている場合、その要素の一部を非表示にする必要があります。上の 2 つの div を非表示にしたいとします。id も class もありません。何も指定できません。私が持っているのは、一意の値 "for="fsc_name1"" ( <label>) と "id="fsc_name1"" ( <input>)だけです

Answer 1

簡単！jQuery を使用するだけparent()です。ドキュメントを参照してください: http://api.jquery.com/parent/

$('#fsc_name1').parent().hide()
$('label[for="fsc_name1"]').parent().hide()

セレクターを組み合わせてスペースを節約することもできます。ドキュメントを参照してください: http://api.jquery.com/multiple-selector/

$('#fsc_name1, label[for="fsc_name1"]').parent().hide()

Answer 2

jQuery バージョンなし:

document.querySelector('[for=fsc_name1]').parentNode.style.display = 'none';
document.querySelector('#fsc_name1').parentNode.style.display = 'none';