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に追加された後でのみ実行してください。

$(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!');

または、ここで2番目の子要素 を取得し、n番目の子、およびあなたの場合は2番目の子を取得する方法を確認してください。

于 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 に答える