javascript - 使用 jQuery 导航到上一个元素

Question

我位于具有类 fieldValidation 的元素(下面以粗体显示)。并尝试导航到 .fTitleCell 内的标签字段。

这就是我正在做的事情。

$(".fieldValidation").each(function(){
            console.log($(this).prev("fTitleCell").text);
});

fTitleCell 和 fInputCell 的模式适用于多个字段，对于每个 fInputCell，我需要遍历到上一个最接近的 fTitleCell 并获取其标签。

<div class="fRow">

 <div class="fTitleCell">
    <input id="mainForm:j_idt139" type="checkbox" name="mainForm:j_idt139" class="checkbox-Access">
    <label onmouseover="FA.fixLabelFor(this);">*IP Address*</label>
 </div>

<span class="fInputCell searchField-ip_int" style="width:25.0%;">
    <div xmlns="http://www.w3.org/1999/xhtml" xmlns:ga="http://gfs.com/">
        <input type="text" name="mainForm:j_idt139" value="" class="fieldValidation" onblur="filter.setAdvCheckBox(this);" onkeyup="validation.checkType(this, 'ADDR');">
    </div>
 </span>

</div>

Answer 1

您需要返回父级。然后到前一个兄弟元素，然后查找标签。

JsFiddle as a working exemple.

$(".fieldValidation").each(function(){
     console.log($(this).parents('.fInputCell').prev('.fTitleCell').find('label').text())
});