jQuery在div中的div类中更改html

Question

我将如何改变这个的HTML:

<div class="name">President Speech</div>

多数民众赞成在这个div内:

<div class="videobox fl showsearchvideo" id="videoBox7">
  <div class="videothumb">
     <img src="http://brightcove04.o.brightcove.com/xxxxx/xxxx_xxxxx_xx-xxxxxx.jpg?pubId=xxxxxxx">
  </div>
  <div class="name">President Speech</div>
</div>

我试过了:

$('#videoBox7 .name').html('President Speech TEST!');

但这似乎不起作用？

更新

看来它在视频div之后没有触发,它运行JS来填充它正在寻找的HTML.

<script type="text/javascript">
   $(document).ready(function() {
      $('#videoBox7 .name').html('President Speech TEST!');
   });
</script>

我上传了将视频填充到http://pastebin.com/DNBPNQUQ的JS

更新2

通过放置brightstar js $('#videoBox7 .name').html('President Speech TEST!');的onPlaylistLoad功能,找到了实现这一目标的方法.

Answer 1

确保只有在HTMLDivElement添加到DOM 后才运行此代码:

$(function(){
    $('#videoBox7 .name').html('President Speech TEST!');
});

在与作者聊天之后,很明显问题出在Brightcove Video Player加载新元素以反映视频播放列表.这一点的明确解决方案是将Brightcove的玩家的事件系统与其元素添加后的响应结合起来.