Question

我想将函数的返回添加到Jquery中的元素。为此，我使用：

function coloredInput(TrigColor) {

    if (TrigColor === "error") {
        TrigColor = $(this).css("border-color", "red").css("color", "red");
        return TrigColor;
    } else if (TrigColor === "pass") {
        TrigColor = $(this).css("border-color", "green").css("color", "green");
        return TrigColor;
    } else
        return false;
}

我尝试如下：

$("#test").on("click", function() {

      var test  = $("#test").val();
if(test == "") {
    $("#myInput").coloredInput("error");
           }
});

我怎样才能让它发挥作用？

编辑问题，此主题的答案不起作用。

Answer 1

如果您不想创建插件，可以创建类似

的功能

function coloredInput(TrigSelector, TrigColor) {

    if (TrigColor === "error") {
        $(TrigSelector).css("border-color", "red").css("color", "red");
    } else if (TrigColor === "pass") {
        $(TrigSelector).css("border-color", "green").css("color", "green");
    }
}

并像

一样使用它

coloredInput('#myInput', 'error');

Answer 2

首先需要创建一个jQuery插件这是How to Create a Basic Plugin

的链接

<script>

    $.fn.coloredInput = function(TrigColor) {

         if (TrigColor === "error") {
            TrigColor = this.css("border-color", "red").css("color", "red");
            return TrigColor;
        } else if (TrigColor === "pass") {
            TrigColor = this.css("border-color", "green").css("color", "green");
            return TrigColor;
        } else
            return false;
    }

    $(document).ready(function() {

       $("#myInput").coloredInput("error");

    });


</script>

将函数javascript添加到元素jquery

2 个答案: