根据跨度内的项目显示/隐藏跨度答案

【问题标题】：Show/Hide span based on an item inside the span根据跨度内的项目显示/隐藏跨度
【发布时间】：2017-07-01 22:13:19
【问题描述】：

我有以下表格。它被克隆了，我希望能够只打开一个项目的显示。我的克隆会增加输入项的名称和 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_ + 克隆号以获取正确的唯一项目。

【问题讨论】：

标签： javascript jquery google-apps-script

【解决方案1】：

既然你标记了 jQuery，你可以这样做：

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

这将找到正确的 span 元素并最终显示它。

【讨论】：

我试过$(regSeniorId).parent().find('span').show(); 和$('#' + regSeniorId).parent().find('span').show(); 都没有工作，但在控制台中没有给出错误。我正在将 regSeniorId 记录到控制台，所以我知道该行被击中并且变量设置正确。但是这些项目没有显示（或者如果我翻转东西以始终显示项目并尝试通过代码隐藏它）
我不得不再上一位家长。我编辑了答案以显示这一点。