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!'); 放在brightstar js 的onPlaylistLoad 函数中找到了一种方法。

Answer 1

确保仅在将 HTMLDivElement 添加到 DOM 后运行此代码：

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

在a chat 与作者联系之后，很明显问题在于 Brightcove 视频播放器加载新元素以反映视频播放列表。在这一点上，明确的解决方案是绑定到 Brightcove 玩家的事件系统，以便在添加元素后响应。

Answer 2

你应该有什么工作见http://jsfiddle.net/wRgDE/

确保在准备好的文档上运行它

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

Answer 3

你可以简单地给这个

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

一个id，例子

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

然后像这样通过 jquery 到达它

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

或看这里Getting the 2nd child element 并查看如何获得第 n 个孩子，以及如何获得第二个孩子。

Answer 4

你需要使用.text()

.text() 函数实际上非常聪明。您可以将文本从对象中提取出来，jQuery 就会知道您想要什么。你的 jQuery 应该是：

$("#videoBox7 .name").text("President Speech TEST!");

您还需要确保在整个文档加载准备好后触发jQuery运行。如果元素尚未准备好，您不想尝试定位此选择器。使用这个：

$(function () {
    $("#videoBox7 .name").text("President Speech TEST!");
});