jQuery - 修改HTML字符串

Question

有人能告诉我如何在将html插入文档之前修改html吗？

这是一个AJAX调用:

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

这是AJAX调用的结果:

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

我想要做的就是改变h1标签的颜色.我添加了这段代码

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样式.

我有点卡住了.我错过了一步吗？

Answer 1

看起来你正在改变颜色,然后将未更改的字符串添加到DOM.试试这个:

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