根据 Flask 中 html 中的 if 条件在 JQuery 中触发不同的事件

Question

我开发了一个Flask网站，点击按钮后，我需要根据客户的工资触发不同的警报消息。我正在使用Jinja2模板在HTML内部执行if语句，并根据条件触发id，然后使用此id通过JQuery触发事件。我相信我做错了什么，因为在我点击按钮后什么也没发生。以下是我的代码的一部分：    <div>           {% if ((current_user.salary)>=2000 and (current_user.salary) <=5000)  %}            <div id="msg0"></div>        {% endif %}        {% if ((current_user.salary)>=1000 and (current_user.GPA) <2000)  %}            <div id="msg1"></div>        {% endif %}    </div>JQuery法典：  $( document ).ready(function(){      $("#second").unbind('click').bind( 'click', function() {    $('#msg0').alert("Your salary is above 2000");    $('#msg1').alert("You salary is less than 2000");        });});我没有包括用于设计按钮的代码，因为它无关紧要，我可以单击按钮。但是，我不认为我用'做的事情是正确的。也许我的JQuery代码不正确。如果有人能帮助我，我将不胜感激。

Answer 1

请考虑以下代码。

$(function(){

  $("#second").off('click').click(function() {

    if($("#msg0").length){

      alert("Your salary is above 2000");

    }

    if($("#msg1").length){

      alert("You salary is less than 2000");

    }

  }

});

您需要检查 DOM 中存在哪些元素。为此，我们可以检查jQuery对象是否具有或更高。length1