jQuery - HTML文字列を変更

Question

文書に挿入する前にhtmlを変更する方法を教えてもらえますか？

これは、AJAX呼び出しです：私がやりたいすべてがh1タグの色を変更している

<div class="main-content slide-in"> 
    <h1>Create Album</h1> 
    <div class="inner"> 
    </div> 
</div> 

：

url: "http://localhost/cart/public/admin/album", 
success: function(html) { 

これは、AJAX呼び出しの結果です。このコードを追加しました

url: "http://localhost/cart/public/admin/album", 
success: function(html) { 
    $(html).find('h1').css('color','red'); 
    $('aside').after(html); 

しかし、これは効果がありません。しかし、jQueryのセレクタは動作しているようです。

url: "http://localhost/cart/public/admin/album", 
success: function(html) { 
    $(html).find('h1').css('color','red'); 
    console.log($(html).find('h1').length); 
    $('aside').after(html); 

console.log正しい出力を使用します。1.それでh1が見つかりました。何らかの理由で、CSSスタイルが適用されていません。

私はちょっと立ち往生しています。私は一歩足りませんか？ CSSスタイルに!importantを追加

Answer 1

が見えます。これを試してみてください：

success: function(html) { 
    var $html = $(html); 
    $html.find('h1').css('color','red'); 
    $('aside').after($html); 

Answer 2

試してみてください。

$(html).find('h1').css("color", "red !important"); 

Answer 3

これを試してください：あなたは色を変更して、DOMにそのまま文字列を追加しているよう

$(html).find('h1').css('color', 'red').parent().insertAfter('aside');

Answer 4

実際に受け入れられた回答は、かなり多くの時間を無駄にしました。少なくともそれは一般的ではありません。これはいつか後で分かったものです。

$.ajax({ 
    url: "http://localhost/~yoelusa/the-url-of-your-string.html", 
    success: function(htmldata) { 
    var $html = $("<div/>").append(htmldata); 
    // make your changes on the html string, see some example bellow relevant to my htmlstring 
    $html.find('#left').html(""); 
    $html.find('#right').html(""); 
    $html.find('.commentlist').remove(); 
    // when you are ready to insert your string somewhere call the html() function, in my example I inserted it in an iframe 
    $("iframe").attr("srcdoc", $html.html()); 
    } 
});