jquery根据锚值添加类img答案

【问题标题】：jquery add class img depending of anchor valuejquery根据锚值添加类img
【发布时间】：2017-04-06 17:23:29
【问题描述】：

我有这个 html 代码：

<a href="/book/YYYY-MM-DD">
<div class="BW">
    <div class="BB">
        <div class="BC">
            <div class="icon"></div>
        </div>
        <div class="BIMG">

        </div>
        <div class="BW">
            <div class="BD">
            </div>
            <div class="BB">
            </div>
        </div>
    </div>
</div>
</a>

我想根据 href 值向 div .BIMG 添加一个类

我有这个 jquery 代码：

jQuery("a[href*=/book/2016-11-16]").addClass("color");

可是我看不懂

你能帮帮我吗

【问题讨论】：

我不确定您是在尝试匹配数字还是一般模式，但我认为您需要引号：`jQuery('a[href*="/book/2016-11-16 "]')

标签： jquery html class add

【解决方案1】：

这里有一个快速而肮脏的点击事件来完成这个：

$("a[href*=/book/2016-11-16]").on('click', function () {
    $(".BIMG").addClass("color");
});

【讨论】：

【解决方案2】：

您可以循环访问页面上每个出现的.BIMG。对于每个，找到与您提供的 href 匹配的最接近的（父）a。

如果发现任何满足 href 的内容，请将类 color 添加到 .BIMG。

$('.BIMG').each(function() {
    $a = $(this).closest('a[href*=/book/2016-11-16]');
    if ($a.length) {
       $(this).addClass("color");
    }
});

JSFiddle 上面的代码在起作用。

【讨论】：