javascript - 如果 X 类不存在，则 Jquery/Javascript 添加类

Question

我是新来的，如果我在这个问题上做错了，抱歉。 我有一个 HTML 代码。

<a href="#" id="foo" class="one">hit me</a>

使用这个函数我可以在类one中添加类two

$(document).ready(function () {
    $('a#foo').click(function(){
            $('.one').toggleClass('two'); 
        });
    });

但是，如果类 two 不存在，我想添加类 two，如果类 two 存在，我想添加其他功能怎么办？ 可能是这样，

<a href="#" id="foo" class="one">hit me</a>

我点击打我，jquery 是添加类两个，

<a href="#" id="foo" class="one two">hit me</a>

但是当我再次点击 hit me 时，类 two 没有被删除，因为类存在，我创建了基于类二的其他函数存在。

可以这样说，

我点击打我

<a href="#" id="foo" class="one">hit me</a>
    <div id="blah" class=""*>lorem</div>

然后

<a href="#" id="foo" class="one two">hit me</a>
<div id="blah" class=""*>lorem</div>

然后再次点击打我。

<a href="#" id="foo" class="one two">hit me</a>
<div id="foo" class="blah2">lorem</div>

你能给我代码或谷歌建议的关键字或链接吗，因为我混淆了我必须首先搜索的内容。

感谢广告， 对不起我的语法，我不会说/写英语，如果有任何错误的语法或语言请纠正我。

Answer 1

使用 hasClass()方法和你的例子:

$(document).ready(function () {
    $('a#foo').click(function(){

      if ($(this).hasClass('two')) {
          $('#blah').addClass('blah2'); 
      } else {
          $(this).addClass('two'); 
      }

    });
});