javascript - 关于jquery动态二选一标签添加删除样式问题

Question

 $("#sjshopse_cc ul a li").click(function () {
    $("#sjshopse_cc ul a li em").removeClass("a");
    $(this).find("em").addClass("a");
 });

 <p class="sjshopse" id="sjshopse_cc">
    <ul style="float:left">
        <a>
            <li><em class="sjshopse_c3" style="padding-left:1em; padding-right:1em">白</em></li>
        </a>
        <a>
            <li><em class="sjshopse_c3" style="padding-left:1em; padding-right:1em">黑</em></li>
        </a>
    </ul>
</p>

现在是这样做的,可是以后p不一定会有多少个,我也不可能每一个都要加一段这个js代码.所以我想问一下怎么样能做成是动态获取的呢?

我想是不可以用this来判断当前的标签,然后进行操作呢.

$("ul a li").click(function () {
    $(this).parent().siblings().find("em").removeClass("a");
    $(this).find("em").addClass("a");
});

但是一直没有调试成功,不知道差在什么地方了.谁做过类似的能分享一下经验吗

Answer 1

$("#sjshopse_cc ul a li").click(function () {

$(this).find('em').toggleClass("a");

});

是这样吗。