從第三方腳本修改innerHTML

Question

我有第三方腳本導入菜單，我無法編輯此第三方腳本。 它會生成如下代碼：

<div id="wmenu-updated" style="display: block;">
  <small>Menu updated</small>
  <span innerhtml="19 hours ago"></span>
</div>

它應該需要19 hours ago並在跨度中顯示為文本，但無論出於何種原因它都不起作用，腳本的制作者在修復錯誤方面沒什么幫助。

有沒有辦法，使用jQuery，一旦頁面加載我可以采取innerhtml並將其吐出作為該跨度內的文本？

Answer 1

$( document ).ready( function () {
    $( '#wmenu-updated span' ).text( function () {
        return $( this ).attr( 'innerhtml' );
    });
});

您可以使用jQuery的文本函數來更新范圍中的文本

Answer 2

使用$ .attr（）和$ .text（）來實現此目的

$(document).ready(function(){
   var txt = $("#wmenu-updated span").attr("innerhtml");
   $("#wmenu-updated span").text(txt);
});

Answer 3

你可以嘗試這個： 小提琴

 $(function(){
    $(document).children('#wmenu-updated').find('span[innerhtml]')
    .text($(this).attr("innerhtml"));
 });

或者更簡單：

$('span[innerhtml]').text($('span[innerhtml]').attr('innerhtml'));

Answer 4

嘗試這個：

$(document).ready( function ( e ) {
    var q = $('span').attr('innerhtml');
    $('#wmenu-updated').children('span').text( q );
});

Answer 5

很多人都很接近:)

這將為您做到：

$('selector').find('span[innerhtml]').each(function() {
    $(this).html($(this).attr('innerhtml'));
});

jsFiddle在這里 。

這在功能上是等價的：

$('selector').find('span[innerhtml]').html(function() {
    return $(this).attr('innerhtml');
});

Answer 6

$("#wmenu span").attr("innerhtml", "Your Update here");