小编Ano*_*ath的帖子

我有列表,我通过jQuery插入图像.

$("#icon1").html('<img src="images/summary_icon_u.png"  />');

这是我的清单

<ul>
    <li data-menuanchor="firstPage" class="one">
        <a href="#firstPage" class="cmIcon" id="icon1"></a>
    </li>
    <li data-menuanchor="secondPage" class="two">
        <a href="#secondPage" class="cmIcon" id="icon2"></a>
    </li>
</ul>

我这样的导航列表很少.单击每个列表时,将调用"活动"类.

我需要的是当我点击列表时,如果列表中有"活动"类,那么它应该附加一个html,否则它应该附加另一个html.

这是我下面的代码我试过但没有工作.

$(document).ready(function() {
    $('li.one').click(function() {
        if ($(this).hasClass('active')) {
            $("#icon1").html('<img src="images/summary_icon_u.png" />');
        } else {
            $("#icon1").html('<img src="images/summary_icon_c.png" />');
        }
    });
    $('li.two').click(function() {
        if ($(this).hasClass('active')) {
            $("#icon2").html('<img src="images/audi_risk_u.png" />');
        } else {
            $("#icon2").html('<img src="images/audi_risk_c.png" />');
        }
    });
});

提前致谢.