使用 javascript (facebox) 编辑已经制作的 html

Question

我正在使用facebox（你可能知道它），我的脚本看起来像

$.extend($.facebox, {
    settings: {
      opacity      : 0,
      overlay      : true,
      loadingImage : 'http://example.com/images/loading.gif',
      closeImage   : 'http://example.com/images/closelabel.gif',
      imageTypes   : [ 'png', 'jpg', 'jpeg', 'gif' ],
      faceboxHtml  : '\
    <div id="facebox" style="display:none;"> \
      <div class="popup"> \
        <table> \
          <tbody> \
            <tr> \
              <td class="tl"/><td class="b"/><td class="tr"/> \
            </tr> \
            <tr> \
              <td class="b"/> \
              <td class="body"> \
                <div class="content"> \
                </div> \
                <div id="footer"> \
                <p class="left" id="changable"> \
                Footer \
                </p> \
                <p class="right"> \
                  <a href="#" class="close"> \
                    <img src="http://example.com/images/closelabel.gif" title="close" class="close_image" /> \
                  </a> \
                </p> \
                </div> \
              </td> \
              <td class="b"/> \
            </tr> \
            <tr> \
              <td class="bl"/><td class="b"/><td class="br"/> \
            </tr> \
          </tbody> \
        </table> \
      </div> \
    </div>'
    },

在文件中，即使用文本 （远程 html）我想根据文件更改页脚。将打开多个remote.html 文件（share.php、warning.php），我想根据这些文件更改页脚。我可以在这个 javascript 中做些什么，或者我可以在 share.php 和 warning.php 中做些什么来获取并将其内容设置为新内容吗？

我尝试过：（

$(function() {
        $("#changable").html('Hello');

    });  
$(function() {
        $("#changable").innerHTML = 'Hello';

    }); 
$(function() {
        $("#changable").text('Hello');

    }); 
$(function() {
        $(".left").html('Hello');

    }); 

我安装了jquery）但什么也没有。

我是 javascript 的新手，我知道这可能很容易，但我无法让它在我的一生中发挥作用。

提前致谢。

Answer 1

Jquery 解决方案试试这个...

$(function() {
//a tag id is anchor_id
//p tag id is para_id        
$("#para_id").html($('#anchor_id').attr('title'));

});  

使用代码

$("#para_id").html($('#anchor_id').attr('title'));

By trigerring an event. My sample code is here...

$("#button_id").click(function(){
$("#para_id").html($('#anchor_id').attr('title'));
});

Answer 2

我只需

<div id="footer">

    <p class="left" id="changable">
        Share This
    </p> 

    <p class="right"> 
        <a href="#" class="close"> 
            <img src="http://example.com/images/closelabel.gif" title="close" class="close_image" />  
        </a>                 
    </p> 

</div> 

在每个远程文件中添加：即可使其正常工作。然而，由于我用不同的方式解决了这个问题，我将@mohan ram 标记为正确。