javascript - jQuery 遍历 - 查找当前输入的前一个标签

Question

只是一个简单的问题，因为我已经很久没有使用 jQuery 了。

在这种情况下，是否有更简洁/更快捷的方法来获取标签的 html。

这里是一个简化版的例子，

<tr>
   <td>
       <label>Please fill in name:</label>
   </td>
   <td>
       <input type="text" id="txtName" class="validate" />
   </td>
</tr>
<tr>
   <td>
       <label>Date of Birth:</label>
   </td>
   <td>
       <input type="text" id="txtDOB" class="validate" />
   </td>
</tr>

这是我目前用来获取标签 html 的 jquery 片段。

$(document).ready(function(){
   $('.validate').each(function(){
      if(!$(this).val())
      {
          var label = $(this).parent().prev().find('label').html();
          alert(label);
      }
   }); 
});

感谢任何想法

Answer 1

是的，还有另一种巧妙的方法可以使用 Closest() 而不是 Parent()

考虑以下代码:

$(document).ready(function(){
   $('.validate').each(function(){
      if(!$(this).val())
      {
          var label = $(this).closest("tr").find('label').html();
          alert(label);
      }
   }); 
});

Closest() : 获取第一个匹配选择器的元素，从当前元素开始，向上遍历 DOM 树。