javascript - 查找与给定输入关联的 html 标签

Question

假设我有一个 html 表单。每个 input/select/textarea 都会有一个对应的 <label>与 for属性设置为其伙伴的 ID。在这种情况下，我知道每个输入只有一个标签。

给定一个 javascript 中的输入元素——例如，通过 onkeyup 事件——找到它关联标签的最佳方法是什么？

Answer 1

如果你正在使用 jQuery，你可以这样做

$('label[for="foo"]').hide ();

如果您不使用 jQuery，则必须搜索标签。这是一个将元素作为参数并返回关联标签的函数

function findLableForControl(el) {
   var idVal = el.id;
   labels = document.getElementsByTagName('label');
   for( var i = 0; i < labels.length; i++ ) {
      if (labels[i].htmlFor == idVal)
           return labels[i];
   }
}