使用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

您是否确定在附加click事件处理程序之前已加载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

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

Answer 3

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

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示例