Question

我有一个列表（<li>）看起来像这样：

<div class="image_frame">
     <div>
          <div>
               <a href="link 1"><img /></a>
          </div>
     </div>
</div>

如果当前页面网址与项目网址相同，我想向div添加其他类，如果项目链接与项目链接相同，我只希望突出显示此特定div第I页已访问过。）

我找到了非常接近的解决方案，但是它将类添加到当前链接，而不是父级div，而是增加了3级。

JavaScript add class depending on current URL

有什么建议吗？谢谢！

Answer 1

＆＃13;

"use strict";

let div = document.querySelector('.image_frame');
let ref = 'http://domains.com/link-1/'; // delete this, it's just for test
// let ref = window.location.href; // insert this
let url = div.querySelector('img').parentNode.href;

if (url === ref) {
    div.className += ' new_class';
    console.log('DIV class was changed to: ' + div.className);
}

＆＃13;

<div class="image_frame">
    <div>
        <div>
            <a href="http://domains.com/link-1/"><img /></a>
        </div>
    </div>
</div>

＆＃13;

如果此div中的图像的url与当前页面相同，则将类添加到div

1 个答案: