Question

例如，我希望此setInterval函数以特定选项卡为目标

$(document).ready(function(e){
    $.ajaxSetup({
        cache: false
    });
    var counter = 10;
    setInterval( function(){ 

          printf (counter);
          counter--;
          if (counter === 0) {
        console.log("Yay its functional!!"); }
        clearInterval(newYearCountdown);

    }, 5000 );
});

这是HTML代码

<html>
<head>
  <title></title>
</head>
<body>
<ul class="nav nav-tabs admintabs">
                <li class=""><a href="">Announcements</a></li>
                <li><a href="">Messages(X)</a></li>
                <li><a href="">Requests</a></li>
            </ul>
</body>
</html>

我希望它以邮件中的X为目标。我希望有人可以帮助我:(

Answer 1

原则上，您希望以编程方式更新DOM中的元素。

要实现此目的，您必须使该对象可识别，例如通过类属性。

在您的HTML中，可能的解决方案可能是：

<li><a href="">Messages(<span class="result">X</span>)</a></li>

您可以看看以下fiddle。

我鼓励您使用javascript浏览Templating，因为这通常是您想要的。

有类似

的库

您想要得到什么帮助。

当然，有更多复杂和更新的工具可以做到这一点；但是目前，简单的模板似乎可以满足您的需求。

如何将setInterval定位到特定的html标签

1 个答案: