Javascript 根据Flask中html中的if条件在JQuery中触发不同的事件
我开发了一个Flask网站,我需要在点击按钮后根据客户的工资触发不同的警报消息。我使用Jinja2模板在HTML中执行if语句,并根据条件触发id,然后使用此id使用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) %}
<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元素不正确。