私のコードは最初のキーアップが行われたときに正常に動作しますが、別のキーが押されると壊れ、さらにいくつかのキーが押された後にランダムに正常に動作し、理由がわかりません...私のコードは正常に動作するはずですが、そうではありません...
jQuery("#myid").keyup(function() {
jQuery(".myclasss-suggestion").each(function(){
if(jQuery(this).html().substr(0, 2) == "GG"){
jQuery(this).removeClass("ss");
jQuery(this).html(jQuery(this).html().substring(2, jQuery(this).html().length));
}else{
jQuery(this).removeClass("gg");
jQuery(this).html(jQuery(this).html().substring(2, jQuery(this).html().length));
}
});
});
(それぞれの先頭から GG と SS を.myclass-suggestion
削除し、アイテムから gg または ss クラスのいずれかを削除する必要があります。最初のキーが押されたときにそれが実行され、動作が停止します)
使用している HTML:
<input id="myid" >
<div class="myclasss-suggestions">
<div class="myclasss-suggestion ss gg" data-index="0">GGContent</div>
<div class="myclasss-suggestion ss gg" data-index="1">GGContent</div>
<div class="myclasss-suggestion ss gg" data-index="2">GGContent</div>
<div class="myclasss-suggestion ss gg" data-index="3">SSContent</div>
<div class="myclasss-suggestion ss gg" data-index="4">SSContent</div>
<div class="myclasss-suggestion ss gg" data-index="5">SSContent</div>
<div class="myclasss-suggestion ss gg" data-index="6">SSContent</div>
<div class="myclasss-suggestion ss gg" data-index="7">SSContent</div>
<div class="myclasss-suggestion ss gg" data-index="8">SSContent</div>
<div class="myclasss-suggestion ss gg" data-index="9">SSContent</div>
</div>