Show/Hide span на основе элемента внутри диапазона

Question

У меня есть следующее в форме. Он клонируется, и я хочу иметь возможность включить отображение только одного элемента. Мое клонирование увеличивает число в имени и идентификаторе элемента ввода.

<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. Внутри этой функции я хочу включить отображение элемента ввода и метки. Я могу получить элемент ввода по его идентификатору. и это показывает, что, но не ярлык:

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

Как я могу подойти к размаху и изменить отображение, чтобы показать все внутри диапазона?

Отметьте, что regSeniorID = regsenior_ + номер клона, чтобы захватить правильный уникальный предмет.

Answer 1

, так как вы помечено JQuery вы можете сделать это:

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

это найти правильный элемент диапазона и в конечном итоге показать.