javascript - 尝试使用 if 和 else 添加类但无法正常工作

Question

我正在尝试使用 if 和 else 添加类，但它无法超出 if 无法到达 else 的范围。

$('.headings aside').click(function() {
    if ($(this).children('span').hasClass("fa-caret-up")) {
      $(this).children('span').addClass('borderGap');
      alert("Hello! I am an alert box!!");
    } else {
      alert("Second Alert");
      $(this).children('span').removeClass('borderGap');
    };
});

提前致谢

Answer 1

您的代码有效:

<aside> 
    <span class="no_class">no class</span>
</aside>

$('aside').click(function() {
    if ($(this).children('span').hasClass("fa-caret-up")) {
      $(this).children('span').addClass('borderGap');
      alert("Hello! I am an alert box!!");
    } else {
      alert("Second Alert");
      $(this).children('span').removeClass('borderGap');
    };
});

http://jsfiddle.net/cpyq6a5r/

问题是，行为将取决于 html 标记。

示例:如果您有 2 个跨度

<span class="no_class">no class</span>
<span class="fa-caret-up">no class</span>

它永远不会进入“else”语句，因为aside有一个带有类“fa-caret-up”的跨度