JS Warnung Pop-up wenn ID = "etwas"

Question

Ich habe einen Code, der eine ID hat, ist Frage-Nummer, jedes Mal, wenn ich auf meine Schaltfläche klicken geht es Zahlen.

Ich versuche, ein kleines Skript zu schreiben, die ein Modell oder eine Warnmeldung, sobald die ID druckt auf Seite

„Frage 2 von 40“

Ich habe bisher zeigen

CODE

  <div class="columns"> 
       <div class="column-left"> 
        <div id="question-number" class="question-text"></div> 
        <div id="question-time" class="question-time"></div> 
       </div> 
      </div> 

was ich

Erster Versuch

<script> 
       function myFunction() { 

        var content =('#question-number').html(); 

        if (content.indexOf("Question 2 of 40") != -1) { 
         alert("String Found"); 
        } 
       } 
      </script> 

Zweiter Versuch

<script> 
        if($('#test-view').attr('question-number').indexOf('Question 2 of 40') != -1) { 
         alert('here !!!'); 
        } 
       </script> 

Jeder, warum eine dieser beiden Versuche funktionieren nicht versucht haben?

UPDATE

Ich brauche nur eine Scrip, die

Frage 2 von 40

auf DOM das Warnfeld

Answer 1

Ihr Code fast arbeitet

Sie haben vergessen $ in der ersten Zeile.

, wenn Sie nur die Funktion ohne nannte es erklären, wird es nie

arbeiten

var content = $('#question-number').html(); 
 

 
if (content.indexOf("Question 2 of 40") !== -1) { 
 
    alert("String Found"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="columns"> 
 
    <div class="column-left"> 
 
    <div id="question-number" class="question-text">Question 2 of 40</div> 
 
    <div id="question-time" class="question-time"></div> 
 
    </div> 
 
</div>

Answer 2

Ihr Code nicht wissen, ob zu sehen, sagt nicht, wenn zu rennen. Sie müssen Folgendes hinzufügen:

$(function(){ //need this line to wait for document to be ready before binding to click event. 
    $('#question-number').on('click', function(){ 
     //your code here 
    } 
}); 

Oder

<div id="question-number" class="question-text" onclick="myFunction()"></div> 

ich auch in dem Lernen prüfen würde, wie Sie Ihre Browser-Entwickler-Tools verwenden. Sie werden Ihnen immens helfen, wenn Sie solche Probleme haben.