Question

我有一些ID为问号的代码，每次点击我的按钮都会增加数字。

我正在尝试编写一个小脚本，一旦id打印在页面上就会显示模型或警告框

＆＃34;问题2 of 40＆＃34;

我到目前为止

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>

任何人都明白为什么这些尝试都不起作用？

更新

我只需要一个说明如果

的脚本

问题2 of 40

在DOM上的警告框

Answer 1

您的代码不知道何时运行。您需要添加以下内容：

$(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>

我还会检查如何使用浏览器开发人员工具。当你遇到这样的问题时，他们会非常帮助你。

Answer 2

您的代码几乎正常工作

您在第一行忘记了$。

如果您只是声明函数而不调用它，它将无法正常工作

＆＃13;

var content = $('#question-number').html();

if (content.indexOf("Question 2 of 40") !== -1) {
  alert("String Found");
}

＆＃13;

<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>

＆＃13;

当id =＆＃34;某事＆＃34;时会弹出JS警报

2 个答案: