id = "something"の場合のJSアラートのポップアップ

Question

質問番号のIDを持つコードをいくつか持っていますが、自分のボタンをクリックするたびに数字が上がります。

私はページ上のidプリント一度モデルや警告ボックスが表示されます小さなスクリプトを記述しようとしています

「質問40の2」

私はこれまで

を持っています

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> 

私が試したもの

最初の試み

<script> 
       function myFunction() { 

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

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

これらの試みのいずれかが動作しない理由いずれかが表示さ

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

第二の試み？

UPDATE

私はちょうど40

の

質問2 DOM上の警告ボックス

Answer 1

あなたのコードはほぼあなたが最初の行に$を忘れてしまった

を進めています。

あなたはそれを呼び出すことなく、機能を宣言した場合、それはあなたがプログラムで `質問number`のテキストを設定すると仮定すると、あなたがより良い上げることによって提供さ

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

を見ればあなたのコードは、とき知っていないと言うスクリップを必要とします走る。あなたは以下を追加する必要があります。

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

それとも

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

私はまた、あなたのブラウザの開発者ツールを使用する方法を学ぶにチェックします。このような問題があるとき、彼らはあなたを大いに助けます。