jQuery - onClickイベントを持つボタンにクラスを追加できません

Question

onClickイベントを持つボタンにクラスを追加しようとしています。 onClickイベントにより、ユーザにボックスのチェックを指示するポップアップalertがトリガされます。このチェックボックスをオンにしたら、それはonClickが無効になります。onClickが無効になっている$("#continue").prop('onclick',null).off('click');たら、私はそれがクリックされたら、ボタンにclassを追加したい：

//Updated JS 
jQuery(function($) { 
if ($("#continue").hasClass("selected")) { 
    $(this).addClass('active'); 
} 
$('#button').click(function(){ 
    $("#continue").addClass('selected'); 
    $("#continue").prop('onclick',null).off('click'); 
}); 
}); 

//Button HTML 
<a id="button" href="javascript:void(0)">Pick me</a> 
<a id="continue" href="javascript:void(0)" onclick="showError()">Continue</a> 

しかし、無classが追加されます。何が起こっているかわからない。

Answer 1

たぶん、あなたは、要素は、このような必要なクラスを持っているかどうかを検証する機能を起動することができます

function validate(element) { 
 
    if ($(element).hasClass('selected')) { 
 
    $(element).addClass('active'); 
 
    } else  { 
 
    alert("this is an error"); 
 
    } 
 
} 
 

 
$(function() { 
 
    $('#button').click(function() { 
 
    $("#continue").addClass('selected'); 
 
    }); 
 

 
});

.selected { 
 
    color: red; 
 
} 
 
.active { 
 
    color: green; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<a id="button" href="javascript:;">Pick me</a> 
 
<a id="continue" href="javascript:;" onclick="validate(this)">Continue</a>

Answer 2

あなたが代わりに$この

$('#button').click(function(){ 
    $this.addClass("active"); 
});