有条件地设置DOM元素的值

Question

有可能做到以下几点吗？

$("#textarea1").val = function() {
    $.each(data, function(i, j) {
        if ($.trim($("#text2").val()) == j.l) {
            return j.v;
        } else {}
    });
};

我们可以有条件地设置某些输入类型或div的值吗？

Answer 1

您应该先找出值，然后再更改元素的值。

您以一种非常奇怪的方式进行操作。 我不确定自己对循环的处理方式。 但是先执行此操作，然后设置元素值。

快速示例：

var name = "Sam!";

if ( name != "Sam!" ) {
  $("#textarea1").val("Your not Sam!");
} else {
  $("#textarea1").val("Hey Sam :)");
}

Answer 2

如果condition评估为true ，那么该值将设置为"yes" 。 否则，它保持不变。

$("#textarea1").val(function(i, oldval) {
    return condition ? "yes" : oldval;
});

Answer 3

我假设您有一些有效的desgin-pattern模式的原因，而不是简单地在each函数内部调用$("#textarea1").val(jv) ，而不是像现在这样在函数外部设置它。 （也许您有许多功能对象，希望有条件地使用它们的逻辑来设置大量输入？）

也就是说，您的代码只需要进行一些更改：

1. 正确使用val函数（它是设置器，而不是可设置的属性）。
2. 现在， return语句终止传递给each的函数，而不是外部函数。 您应该为each函数设置一个变量，然后通过返回false中断。

它看起来应该像这样：

$("#textarea1").val(function() {
    var result;
    $.each(data, function(i, j) {
        ...
        result = j.v;
        return false;
    });
    return result;
});

val将自动执行该函数并使用返回值。