javascript - 查找当前类是否包含单词，然后将新类附加到这些 li 中 - jquery

Question

jQuery 方法存在一些问题 - 也许事情过于复杂......

我需要找到的是，如果任何 li 元素类包含单词“current”，那么如果它们包含单词，则将单词 active 附加到它们。

我正在努力将这个词添加到当前类(class)的末尾。例如:

标记:

<div class="menu-navigation-container">
    <ul>
        <li class="current_page_item menu-item-8787"><a href="http://www.cornermag.com/mag/" style="font-size: 1.6rem;"><span>The Magazine</span></a>
        </li>
           <li class="menu-item menu-item-type-post_type"><a href="http://www.cornermag.com/snapped/" style="font-size: 1.6rem;"><span>Snapped</span></a>
           </li>
    </ul>
</div>

jQuery:

$(document).ready(function () {
    var classNames = $('.menu-navigation-container ul li').attr("class").match(/[\w-]*current[\w-]*/g);
    $(classNames).each(function () {
        $(this).addClass("active");
    });
});

在控制台中运行 classnames; 只生成字符串 - 我希望它引用类名称中包含“current”一词的 li 元素，然后将“active”一词附加到结束。

我可以用 jQuery 的 attribute contains selector 来做到这一点吗？ ？

Answer 1

就像这样:

$(document).ready(function () {
    $('.menu-navigation-container ul li[class*=current]').addClass('active');
});