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

Javascript 根据Flask中html中的if条件在JQuery中触发不同的事件,javascript,html,jquery,Javascript,Html,Jquery,我开发了一个Flask网站,我需要在点击按钮后根据客户的工资触发不同的警报消息。我使用Jinja2模板在HTML中执行if语句,并根据条件触发id,然后使用此id使用JQuery触发事件。我相信我做错了什么,因为我点击按钮后什么也没发生 以下是我的代码的一部分: <div> {% if ((current_user.salary)>=2000 and (current_user.salary) <=5000) %}

我开发了一个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代码不正确


如果有人能帮助我,我将不胜感激。`

考虑以下代码

$(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对象的
长度是否为
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对象的
length
是否为
1
或更高。

当我单击按钮警报消息时,我希望根据if条件触发。例如,如果工资高于2000,我想使用JQuery触发警报。由于Jquery接受id或类,并且我不知道在使用div的if语句之后合并id或类的任何其他方法。我知道如何根据此if语句在屏幕上触发消息。我相信我可以使用$('msg0')。text(“”),但我仍然没有在屏幕上看到任何内容。我怀疑div元素不正确。我想根据单击按钮时的if条件触发警报消息。例如,如果工资高于2000,我想使用JQuery触发警报。由于Jquery接受id或类,并且我不知道在使用div的if语句之后合并id或类的任何其他方法。我知道如何根据此if语句在屏幕上触发消息。我相信我可以使用$('msg0')。text(“”),但我仍然没有在屏幕上看到任何内容。我怀疑div元素不正确。