如何检测DOM元素的class属性何时发生变化
How to detect when the class attribute of DOM elements changes?
这需要一点解释。我用的是jquery播放列表,JWplayer,它的作用是读取播放列表。xml文件,生成滚动菜单,如下所示
<div class="jw_playlist_playlist">
<div class="jw_playlist_item even">
<div class="jw_playlist_title">Title</div>
<div class="jw_playlist_description"></div>
</div>
<div class="jw_playlist_item odd">
<div class="jw_playlist_title">Title2</div>
<div class="jw_playlist_description"></div>
</div>
</div>
,当一个项目被选中时,它将变为<div class="jw_playlist_item even playing">
或<div class="jw_playlist_item odd">
。是否有一种方法,我可以检测这种变化与javascript,并提取标题?
我想你可以在JavaScript中创建一个计时器,每隔X秒检查一下元素是否存在。
<script>
var title = "";
$(function() { // wait till page is loaded
// sets a timer to repeat the function every 1 second
setInterval(function() {
// if .play class div exists, take the title of the song
if ($(".play").length > 0) {
title = $(".play jw_playlist_title").html();
updateData();
} else {
// otherwise set the title to be empty
title = "";
}
}, 1000);
});
function updateData() {
$("#demo").html("Current Song: "+title);
}
</script>
<p id="demo">My First Paragraph</p>
相关文章:
- 通过id和class属性获取元素
- “class”属性的值隐式扩展某些标记元素
- JavaScript对象中的[[Class]]属性
- 使用javascript bookmarklet查找和替换网页上class属性中的文本
- 将class属性设置为元素不适用于javascript和jquery
- 如何从javascript访问html的STYLE标记中的class属性
- 如何选择具有class属性的元素(使用jQuery),该属性的值正好以给定字符串开头
- 为什么要更改HTML标记的class属性
- 用ionic框架和angular js在html中动态设置class属性
- 使用class属性获取自动生成的元素的索引
- 使用jquery从祖父母中删除class属性
- 你可以设置ECMAScript对象的内部[[Class]]属性吗?
- Class属性不适用于textBoxFor
- 在javascript中通过class属性应用样式时是否有限制?
- 把ng-class属性放到angular-formly字段中
- 当元素'class属性发生变化时是否会触发事件?
- 使用jquery或javascript更改html中class属性的值
- 如何通过class属性将值传递给Angular指令
- 如何收集10个Google搜索结果链接(其中似乎删除了class属性)
- 如何检测DOM元素的class属性何时发生变化