单击时更改属性值，然后在下一次单击时更改

Question

我想在第一次点击时将#conav替换为#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属性与#content进行比较，如果您正在更改它。 要从元素中获取值，您只需使用一个参数调用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');
}
});