簡體   English   中英

替換jquery中的span html文本

[英]replace the span html text in jquery

我有下面的HTML

<input id="id_wow" placeholder="0.0" type="text" name="{{state.0}}" value="{{tax_value}}" class="must_be_float">
<br><span class="id_wow">hrray</span>

因此,當用戶在非float的輸入字段中輸入值時,我應該用"It must be float"填充此范圍文本,但是我的jquery代碼無法正常工作

jQuery代碼

  $('.must_be_float').focusout(function() {
       var class =  $('.must_be_float').attr('id');
       var value = $('.must_be_float').val();
       if (value)
         {
          float_or_not = parseFloat(value);
          if(isNaN(float_or_not))
             {
              $('span.class').html('Value must be float');
             }
         }  
  });  

嘗試這個

$('span[class="id_wow"]').html('Value must be float');

嘗試這個..

在這里,我對您的代碼進行了一些更改。 現在工作正常。

的HTML

<input id="id_wow" placeholder="0.0" type="text" name="{{state.0}}" value="{{tax_value}}" class="must_be_float">
<br><span Id="Msg" class="id_wow">hrray</span>

JQ

$("#id_wow").blur(function(event) {

      // var class =  $('.must_be_float').attr('id'); no need
     var value = $("#id_wow").val();     
     if( (value == +value) && (value != (value/0)) && (!isNaN(value)))
     {
         $("#Msg").text("Good It is Float a value");
     }
     else
     {
        $("#Msg").text("Value must be float");
     }

  });

單擊此處進行現場演示

另外,如果您需要僅接受浮點值的文本框:

點擊這里檢查

如果需要,請回復。

您在選擇器中為類使用了錯誤的名稱。

$('.id_wow').html('Value must be float');
$('span.id_wow').html('Value must be float');


要么

$('span.'+class).html('Value must be float');

在Jquery中,類的選擇器是“。”
看看Jquery類

$('span.id_wow').html('Value must be float');
//^^^^span then its classnme with "."

參考html()

我會這樣:

$('span.'+class).html('Value must be float');

但是我沒有測試。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM