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

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

Answer 1

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

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

在作者a chat之后，很明显问题出在Brightcove Video Player加载新元素以反映视频播放列表。这一点的明确解决方案是绑定到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!");
});

jQuery在div中的div类中更改html

4 个答案: