Код JQuery для удаления класса на странице не работает

Question

Я пытаюсь удалить класс из моего HTML на загрузку страницы. Класс называется wnDash, и он находится внутри класса gamePage. Я попытался использовать этот код ниже, но он не работает.

$(document).ready(function() 
{ 
    setTimeout(function() { 
     var myAttr = $('gamePage').attr('wnDash'); 
     if (typeof myAttr !== 'undefined' && myAttr !== false) { 
      $('gamePage').removeAttr('wnDash'); 
     } 
    }, 250); 
}); 

<div class='gamePage'> 
    <p> 
     <span class='balls' title='5'>5</span> 
     <span class='wnDash'>-</span> 
     <span class='balls' title='39'>39</span> 
     <span class='wnDash'>-</span> 
    </p> 
</div> 

Answer 1

Вы пропустили dot для класса. Используйте hasClass() для проверки, если exsist

Попробуйте это:

$(document).ready(function() 
    { 
      $.each($('.gamePage').find(".wnDash"),function(){ 
      var text = $(this).text(); 
      $(this).text(text.replace("-","")) 
      }) 
    }); 

Snippet UPDATE

$(document).ready(function() 
 
{ 
 
     $.each($('.gamePage').find(".wnDash"),function(){ 
 
     var text = $(this).text(); 
 
     $(this).text(text.replace("-","")) 
 
     }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='gamePage'> 
 
    <p> 
 
     <span class='balls' title='5'>5</span> 
 
     <span class='wnDash'>-</span> 
 
     <span class='balls' title='39'>39</span> 
 
     <span class='wnDash'>-</span> 
 
    </p> 
 
</div>