jQuery - HTML dizesini değiştir

Question

Birisi belgeye yerleştirmeden önce html'yi nasıl değiştirebileceğimi söyleyebilir mi?

Bu AJAX çağrıdır:

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

Bu AJAX çağrısı sonucudur:

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

yapmak istediğim tüm h1 etiketin rengini değiştirmektir. Bu kodun hiçbir etkisi yoktur. JQuery seçici olsa çalışıyor gibi görünüyor. Bu yüzden h1 bulmaktır console.log doğru çıkışlar 1. Kullanılması

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); 

. Bazı sebeplerden dolayı css stili uygulanmıyor.

Takılı kaldım. Bir adımı kaçırıyor muyum? css stiline !important ekleyerek

Answer 1

görünüyor. Deneyin:

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

Answer 2

Dene:

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

Answer 3

bu deneyin: Eğer rengini değiştirerek ve sonra DOM değişmeden dize ekliyoruz gibi

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

Answer 4

Burada kabul edilen cevap aslında çok fazla zaman harcadı. En azından jenerik değil. Bir aradan sonra çözülen budur.

$.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()); 
    } 
});