与えられたクラスのdivで番号を探し、値に基づいてdivを非表示/表示します

Question

私は非常に基本的なスクリプト作成能力を超えた要求があります。

「John Doeのパスワードは、91日で期限が切れる」

私はこの文を評価し、いくつかのスクリプトを追加したい：私は自分のパスワードの有効期限が切れるまで、彼らが残した日数のユーザーに伝えるメッセージでウェブサイトを持っています

JS/jQueryを使用して静的な変更を行っていますが、それ以前は静的な変更は行っていません。ロジックのようなものなので、どこから始めるのか分からない。

ご協力いただければ幸いです。

Answer 1

警告は、おそらくメッセージのdiv内のテキストを解析するよりも、このついて行くために、より合理的な方法がありますが、これはそれを行います。

$(function(){ 
 
    var msg = $('#notice').text() 
 
    var days = msg.match(/\d+/)[0] 
 
    console.log(days) 
 
    if(Number(days) > 60) { 
 
    $('#notice').hide() 
 
    } 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="notice">"John doe's password expires in 91 days"</div>

Answer 2

function CheckExpiryNotice(maxNum) { 
    var expiryNoticeDiv = $('.expiryNotice'); 
    var expiryNoticeStr = expiryNoticeDiv.text(); 
    $(expiryNoticeStr.split(" ")).each(function(i,e) { 
    if($.isNumeric(e)) { 
     if(e > maxNum) { 
     expiryNoticeDiv.hide(); 
     } 
    } 
    }); 
} 

は、この関数を呼び出しますあなたがjQを使用したくない場合は、javascriptでこれを行うことができます。CheckExpiryNotice(60);

Answer 3

uery：

var elem = document.getElementsByClassName('expiryNotice'); 
    var str = elem[0].innerText; 
    var days = str.match(/\d+/)[0]; 
    if (+days > 60) { 
     elem[0].hidden = true; 
    }