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>

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

更新 2

通过将 $('#videoBox7 .name').html('President Speech TEST!'); 放在 onPlaylistLoad 函数中找到了实现此目的的方法brightstar js.

Answer 1

请确保仅在 HTMLDivElement 已添加到 DOM 后才运行此代码:

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

正在关注 a chat与作者一起，很明显问题出在 Brightcove 视频播放器加载新元素以反射(reflect)视频播放列表。此时，明确的解决方案是绑定(bind)到 Brightcove 播放器的事件系统，以在添加元素后做出响应。