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 Example

使用jQuery切换href / attribute值

4 个答案:

修改