基于href内容的jQuery addClass到元素答案

【问题标题】：jQuery addClass to element based on href content基于href内容的jQuery addClass到元素
【发布时间】：2015-07-13 22:46:55
【问题描述】：

我想在加载时为元素添加类，

如果锚元素包含文本 = Austin Metro

<a class="market-display" title="">Austin Metro</a>

添加 class="m-selected" 到

<a href="#!/austin-metro" class="">Austin Metro</a>

谢谢！

【问题讨论】：

第二个带href值的锚元素是我需要添加类的那个，我无法控制它，所以唯一的选择方法是通过它的href值。

标签： jquery href contains addclass

【解决方案1】：

如果您的意思是textContent，请使用contains()

$('a:contains(Austin Metro)').addClass('m-select');

如果您的意思是 href，请使用 attribute contains 选择器

$('[href*="austin-metro"]').addClass('m-select');

【讨论】：

【解决方案2】：

var txt = 'Austin Metro';
$('a:contains(' + txt + ')').each(function (i, n) {
    if ($.trim($(n).text()) == txt) {
        $(n).addClass('m-selected');
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="market-display" title="">Austin Metro</a>
<a class="market-display" title="">Austin Metro Another</a>

如果你想查看全文，你需要这样做

【讨论】：