javascript - 需要一种方法根据 a 标签的 href 将类添加到特定 div

Question

这适用于安装了 jquery 和 jquery ui 的网站，因此可能会有所帮助。

基本上，我有一个带有几个不同模式窗口的网站。我想调用这些模态的方式是通过各种 anchor 标记。

例如，假设我有 modalone，ID 为#modalone。

我有一个特定的 anchor 标记 <a href="#modalone" class="modals">

我需要将类添加到 <div id="modalone"></div> 的代码

这样，如果我有 <a href="#modaltwo" class="modals">我可以将相同的可见性类别添加到 <div id="modaltwo"></div> ，以及模态三、模态四等

Answer 1

你可以做这样的事情

$(".modals").click(function() {
    var item = $(this).attr("href");
    var itemClass = $(this).attr("class");
    $(item).addClass(itemClass);
    return false;
});

在这里，您可以指定任何类型的标识符，而不是点击事件中的.modals。 或者简单地创建一个函数，

function AddVisibilityClass(elem)
{
    var item = $(elem).attr("href");
    var itemClass = $(elem).attr("class");
    $(item).addClass(itemClass);
    return false;
}

您可以在 anchor 标记的onclick方法中调用此函数

<a href="#modalone" class="modals" onclick="AddVisibilityClass(this)">