jquery - 单击时更改属性值，然后在下次单击时更改回来

Question

我想在第一次单击时将#content 替换为#nav，然后在第二次单击后，我想将#nav 更改回#content。寿，它只适用于第一次点击，我不知道如何在第二次点击后将其更改回#content。我还不擅长 jQuery，但我正在努力学习。我很感激我能得到的所有帮助:)

 $('.webbActive').click(function() {
    if ($(this).attr('href', '#content')) {
       $(this).attr('href', '#nav');
    }
    else {
       $(this).attr('href', '#content');
    }
   });

Answer 1

您不是在将href属性与#contentif 中的属性进行比较，而是在更改它。要从元素中获取值，您attr只需使用一个参数调用：属性名称（检查doc）。试试这个：

 $('.webbActive').click(function() {
    if ($(this).attr('href') === '#content') {
       $(this).attr('href', '#nav');
    }
    else {
       $(this).attr('href', '#content');
    }
   });

Answer 2

应该if ($(this).attr('href') == '#content')

Answer 3

你需要先改变你的 If 条件，如：

$('.webbActive').click(function() {
if ($(this).attr('href') == "#content") {
   $(this).attr('href', '#nav');
}
else {
   $(this).attr('href', '#content');
}
});