javascript - 如何使用 jQuery 从 HTML 获取元素

Question

我有以下 HTML 代码:

<ul>
    <li>..</li>
    <li>..</li>
    <li>  
        <a href="#" class="most_views" data-sort="most_views">
            <i class="fa fa-fw"></i> 
            Most Views
        </a>
    </li>
</ul>

我需要更新 HTML 行:

<i class="fa fa-fw"></i> 

与:

<i class="fa fa-fw fa-check"></i>

我的 jQuery 代码是:

$('a[data-sort="most_views"]').children('i').html('<i class="fa fa-fw fa-check"></i>');

这行不通。谁能帮我吗？

Answer 1

您需要使用addClass :

$('a[data-sort="most_views"]').children('i').addClass('fa-check');

最好这样做:

$('a[data-sort="most_views"] i').addClass('fa-check');

<小时/>

使用 html() 您正在附加元素，尽管您的操作方式错误，因为您要将 i 元素附加到 i 元素内，而您必须这么做。不想做(我什至不关心 html 的拼写错误 htlm)。如果你确实想替换i元素，你需要使用:

// pretty sure you don't need this though
$('a[data-sort="most_views"]').html('<i class="fa fa-fw fa-check"></i>');