Javascript .next（）函数

我有以下html代码：

<span class="retrievedValue"><%= f.text_field :DIRECT_LABEL, :class=>"mandatory", :onblur =>"validate_this_textfield(this.value, this.id);" %></span>
<span style="display: none; float: left;"> <img src="../images/green_tick.png" /></span>

我正在使用“.next（）.show（）；”显示“green_tick.png”图像，但它似乎不起作用

有什么建议吗

谢谢

试试：

function validate_this_textfield(field_value, field_id)
{
    if( $j('#' + field_id).val() != "") {
        $j('#' + field_id ).removeClass('mandatory');
        $j('#' + field_id ).addClass('mandatory_field_completed')
        .parent().next().show(); // show next element after field
    }
    else{
        $j('#' + field_id ).removeClass('mandatory_field_completed');
        $j('#' + field_id ).addClass('mandatory')
        .parent().next().hide();
    }
}

您希望从范围中获取下一个，而不是范围内的字段，因此需要先转到父项。

尝试：

function validate_this_textfield(field_value, field_id)
{
    if( $j('#' + field_id).val() != "") {
        $j('#' + field_id ).removeClass('mandatory');
        $j('#' + field_id ).addClass('mandatory_field_completed')
        .parent().next().show(); // show next element after field
    }
    else{
        $j('#' + field_id ).removeClass('mandatory_field_completed');
        $j('#' + field_id ).addClass('mandatory')
        .parent().next().hide();
    }
}

---

您希望从span中获取下一个，而不是span中的字段，因此需要首先转到父级。

根据jQuery API文档，下一个

方法：

获取集合中每个元素的紧随其后的同级
匹配元素。如果提供了选择器，它将检索下一个
仅当它与该选择器匹配时才为同级

标记不是字段的同级。您必须执行以下操作：

$('#fieldID').parent().next().show();

下面是一个工作示例：
根据jQuery API文档，下一个方法是：

获取集合中每个元素的紧随其后的同级
匹配元素。如果提供了选择器，它将检索下一个
仅当它与该选择器匹配时才为同级

标记不是字段的同级。您必须执行以下操作：

$('#fieldID').parent().next().show();

这里有一个工作示例：
在使用
.next（）
之前，您需要先转到span，因为span是

<span class="retrievedValue"> and not the input itself try this..

在使用
.next（）
之前，需要先转到span，因为span是

<span class="retrievedValue"> and not the input itself try this..