jquery - 如果ID存在，找到 anchor 标签并添加类

Question

我的站点上有一组 Vimeo iframe，在刷新时会从该数组中随机调用。每个 iframe 都有唯一的 ID。

我想要的是根据显示的 iframe，它会识别 ID 并向菜单项添加一个类。

到目前为止我有这个:

$("#yuan-photofilm").find(".menu-nav li ul li a").addClass('active-vimeo');

我的想法是，如果 #yuan-photofilm 存在，它将找到 .menu-nav li ul li a 并添加类 .active- vimeo - 但它似乎不起作用。

有什么想法吗？

谢谢，R

这是一些 HTML

<div class="grid_7 suffix_5">
        <div class="video-container">
            <iframe id="jack-photofilm" src="http://player.vimeo.com/video/46822673?title=0&amp;portrait=0&amp;byline=0&amp;color=ffffff" width="650" height="366" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>   </div>
</div>
<div class="clear"></div>
    <div class="grid_7">
        <ul class="menu-nav">
            <li class="current-menu-nav-item"><a href="index.php">Photofilms</a>
                <ul>
                    <li><a href="#yuan" id="yuan">Yuan Shuai</a></li>
                    <li><a href="#nina" id="nina">Nina</a></li>
                    <li><a href="#zhuoer" id="zhuoer">Zhuoer</a></li>
                    <li><a href="#qingqing" id="qingqing">Uncle Douglas and Qingqing</a></li>
                    <li><a href="#jack" id="jack">Jack</a></li>
                </ul>   
            </li>
            <li><a href="still.php">Photographs</a></li>
            <li class="sub-info-menu"><a href="information.php">Information</a></li>
            <li><a href="http://blog.youziproject.com">Blog</a></li>
        </ul>
    </div>

Answer 1

每个元素似乎都有一个 ID，为什么不直接定位它呢？

if ($("#yuan-photofilm").length) {
   $("#yuan").addClass('active-vimeo');
}

或更动态:

$('.menu-nav li ul li a').each(function(i,e) {
    if ($('#'+e.id+'-photofilm').length) $(e).addClass('active-vimeo');
});