Question

我有一组在我的网站上设置语言的图片 - 当点击一个标记并且它变为活动状态时 - 它不再有a元素包围它，如下例所示。如何为没有img元素父级的a提供“活动”类？

<div class="langsel">
    <a href="/se/netset/etailer/web/P98.m4n?localeCode=5">
        <img src="/images/lang/sv_inact.png" title="Swedish" alt="Swedish">
    </a>
    <img src="/images/lang/da.png" title="Danish" alt="Danish">
    <a href="/se/netset/etailer/web/P98.m4n?localeCode=7">
        <img src="/images/lang/fi_inact.png" title="Finnish" alt="Finnish">
    </a>
    <a href="/se/netset/etailer/web/P98.m4n?localeCode=6">
        <img src="/images/lang/no_inact.png" title="Norwegian" alt="Norwegian">   
    </a>
    <a href="/se/netset/etailer/web/P98.m4n?localeCode=1">
        <img src="/images/lang/en_inact.png" title="English" alt="English"> 
    </a> 
</div>

Answer 1

或者，如果您想直接在img下选择.langsel而不是a：

$('.langsel > img').addClass('active');

虽然在这种情况下你可能根本不需要使用JavaScript和active类，但你可以在CSS中使用这个选择器。

如果第二级父级不存在，则给予子元素类

1 个答案: