スパン内のアイテムに基づいてスパンを表示/非表示にする

Question

フォームには次のものがあります。それはクローン化され、私はただ一つの項目の表示をオンにしたいと思っています。私の複製は、入力項目の名前とIDの数字を増やします。

<span style="display: none;"> 
    <input type="checkbox" id="regsenior_1" name="regsenior_1" class="test-checkbox" value="Senior"/> 
    <label class="test-checkbox-label">Senior</label> 
</span> 

フォームに他の変更が加えられると、私はjavascript関数を実行します。その機能の中で、入力項目とラベルの表示をオンにしたいと思います。入力項目はそのIDで取得できます。

document.getElementById(regSeniorID).style.display = "inline-block"; 

スパン内のすべてを表示するにはどうすればよいですか？

regSeniorID = regsenior_ +正しいユニークなアイテムを取得するためのクローン番号です。

Answer 1

あなたはjQueryのをタグ付けするので、あなたはこれを行うことができます。

$('#' + regSeniorID).parent().parent().find('span').hide(); 

これは、右のspan要素を見つけるだろうし、最終的にそれが表示されます。