jquery - 使用 jQuery 切换 href/attribute 值

Question

我正在尝试在单击时切换元素的 href 值。这是我到目前为止所拥有的：

$('.wwd-content-container .wwd-content-each .wwd-extra-content-trigger').click(function(e) {
    $(this).attr('href',$(this).attr('href') == '#wwd-extra-content' ? '#wwd-section' : '#wwd-extra-content');
});

还有我的 HTML：

<a class="smooth-scroll wwd-extra-content-trigger" href="#wwd-extra-content"><span></span></a>

但它似乎并没有在点击时更新。

非常感谢您的帮助。

Answer 1

您是否确保在附加单击事件处理程序之前加载了 DOM？

$(function(){
    $('.wwd-content-container .wwd-content-each .wwd-extra-content-trigger').click(function(e) {
        $(this).attr('href',$(this).attr('href') == '#wwd-extra-content' ? '#wwd-section' : '#wwd-extra-content');
    });
});

Answer 2

$('.wwd-extra-content-trigger').click(function(e) {
    $(this).attr('href',$(this).attr('href') == '#link1' ? '#link2' : '#link1');
});

Answer 3

从你的代码

只需使用.wwd-extra-content-trigger

$('.wwd-extra-content-trigger').click(function(e) { $(this).attr('href',$(this).attr('href') == '#wwd-extra-content' ? '#wwd-section' : '#wwd-extra-content'); });

Answer 4

编辑

最初误读了 OPs 代码。我没有注意到你的班级之间有空格。

尝试将您的 JavaScript 更改为：

$('.wwd-content-container, .wwd-content-each, .wwd-extra-content-trigger').click(function(e) {
    $(this).attr('href', $(this).attr('href') == '#wwd-extra-content' ? '#wwd-section' : '#wwd-extra-content');
});

jsFiddle 示例