4

我将如何仅更改此 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

通过将brightstar js$('#videoBox7 .name').html('President Speech TEST!');的函数放在里面找到了一种方法来实现这一点。onPlaylistLoad

4

4 回答 4

5

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

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

在与作者交谈后，很明显问题出在 Brightcove 视频播放器加载新元素以反映视频播放列表。明确的解决方案是绑定到 Brightcove 的玩家的事件系统，以便在添加他们的元素后做出响应。

于 2012-11-28T14:20:54.473 回答
4

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

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

$(document).ready(function(){
  $('#videoBox7 .name').html('President Speech TEST!');
});
于 2012-11-28T14:20:53.007 回答
0

你可以简单地给这个

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

一个 id , 例子

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

并像这样通过jquery到达它

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

或查看这里获取第二个子元素 并查看如何获取第 n 个子元素，以及您的情况下的第二个子元素。

于 2012-11-28T14:30:51.410 回答
-2

你需要使用.text()

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

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

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

$(function () {
    $("#videoBox7 .name").text("President Speech TEST!");
});
于 2012-11-28T14:22:52.380 回答