作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
例如,我希望这个 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。我希望有人可以帮助我:(
最佳答案
原则上,您希望以编程方式更新 DOM 中的元素。
为此,您必须使该对象可识别,例如通过类属性。
在您的 HTML 中,可能的解决方案是:
<li><a href="">Messages(<span class="result">X</span>)</a></li>
你可以看看下面的fiddle .
我鼓励您看一看 Templating
in javascript,因为这是您通常想要的。
有像这样的库
哪些可以帮助您实现您想要的。
当然,有更精细和更新的工具可以做到这一点;但目前,简单的模板似乎可以满足您的需求。
关于javascript - 如何将 setInterval 定位到特定的 html 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51897169/
我是一名优秀的程序员,十分优秀!