检测文本更改jquery

时间:2015-02-07 19:14:26

标签: javascript jquery html

您好我正在尝试检测div文本的值是否为" 9"然后提醒用户。但是我无法让它发挥作用。有没有办法检测新号码" 9"?谢谢!

这是实例: http://jsfiddle.net/7gyL2h2e/5/

HTML:

<div id="number">8</div>
<div id="clickme">Click me +1</div>

Jquery的:

$("#clickme").click(function(){
      $('#number').html(function(i, val) { return +val+1;});
});

if($.trim($("#number").text())=="9"){
  alert("number 9");  

}

3 个答案:

答案 0 :(得分:1)

只需在click事件中移动if条件。

在此处查看http://jsfiddle.net/7gyL2h2e/6/

HTML:

<div id="number">8</div>
<div id="clickme">Click me +1</div>

Jquery的:

$("#clickme").click(function(){
  $('#number').html(function(i, val) { return +val+1;});
  if($.trim($("#number").text())=="9"){
    alert("number 9");  
  }
});

答案 1 :(得分:1)

您需要在点击事件中调用该函数以检查

$("#clickme").click(function(){
  $('#number').html(function(i, val) { return +val+1;});
   checkme();

});

function checkme()
{
   if($.trim($("#number").text())=="9"){
  alert("number 9");  
 }
 }

检查更新的小提琴http://jsfiddle.net/7gyL2h2e/8/

答案 2 :(得分:1)

如果你想检测数字那么

$("#clickme").click(function(){
$('#number').html(function(i, val) { return +val+1;});
if($.trim($("#number").text())=="9"){
  alert("number 9");  
}

});