javascript - 在相同的结构中找到下一个文本区域

Question

我这里有一个非常简单的场景，但我想我现在处于某种隧道视野中:

我想要实现的是，那个

如果我的Anpassung(调整)不是0、0,00 或[empty]，下一个 Begründung(原因)应该是必填字段。

我已经尝试了很多次，但我没有深入研究:这是我目前的方法:

$('.anpassung').keyup(function() {
//check if there are values which need a reason before validating
    $('.anpassung').each(function(k, v) {
        if($(this).value != '' && $(this).value != 0 && $(this).value != "0,00") {

        console.log($(this).parent().find(".bemerkung").val());
        //$(this).next(".bemerkung").css("border", "1px solid red");
        }
    });
});^

每次我调整 Anpassung 的值时，我都必须重新验证“强制”字段。添加约束/选择器 a la required true 应该不是问题。

但是现在，我根本无法获取字段 Begründung。 对于完整的代码，这是两个字段的 HTML:

<input type="text" class="anpassung" name="anpassung_<%=count%>" size="15" maxlength="15"> 

<textarea class="bemerkung" name="bemerkung_<%=count%>" cols="50" height="20" 
rows="3" maxlength="250"></textarea>

我也尝试过使用 next() 和 closest()，但没有成功。

提前致谢

Answer 1

如果您的输入被包裹在一个表格中，您将需要做这样的事情

$('.anpassung').keyup(function() {
        if($(this).val() != '' && $(this).val() != 0 && $(this).val() != "0,00") {
            $(this).closest("td").next().find(".bemerkung").css("border", "1px solid red");
        }
});