查找相同结构的下一个文本区域

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 中的值时，我都必须重新验证“必填”字段。添加约束/选择器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");
        }
});

Answer 2

假设您的元素在表格中，您将获得这样的Begründung-

Error: Internal Server Error (500)

如果不使用表，则可以将"The import files for: Zox News Demo Import were successfully downloaded! Initial max execution time = 30 Files info: Site URL = http://13.127.201.92/wordpress Data file = /var/www/html/wordpress/wp-content/themes/zox-news/import/zox-news.xml Widget file = /var/www/html/wordpress/wp-content/themes/zox-news/import/zoxnews.wie Customizer file = not defined! Redux files: not defined!" 替换为两个元素的父元素。

顺便说一句，您还应该在用户编辑Begründung字段时进行验证检查。

Answer 3

尝试一下：

$('.anpassung').keyup(function() {
        var value = $(this).val().trim();
        value = parseFloat(value) || 0.0;
        if(value==0.0) {
            $(this).closest("tr").find".bemerkung").css("border", "1px solid red");
        }
});