刪除頁面加載類不工作的JQuery代碼

-1

我想從頁面加載時從我的HTML中刪除一個類。類被稱爲wnDash，它在gamePage類中。我嘗試了下面的這段代碼，但它不起作用。刪除頁面加載類不工作的JQuery代碼

$(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>

來源

2016-01-21 frontendgirl

您移除屬性不是類'$（ 'gamePage'） .removeClass（'wnDash'）;' - 此外選擇器'gamePage'不正確...它是一個類是什麼o r id –

@ArunPJohny指出了幾個問題。如果您可以編輯您的問題以包含HTML，我們可以向您顯示如何修改代碼。 –

另外使用計時器可能不是正確的解決方案，因爲我們無法預測系統可能需要多長時間才能執行正在添加類的腳本 –

你已經錯過dot上課。使用hasClass()的檢查，如果exsist

試試這個：

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

片段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>

來源

2016-01-21 12:51:26

謝謝，但仍無法正常工作仍然顯示在屏幕上。 – frontendgirl

第一次setTimout（） –

之後班級清晰你想要什麼？因爲這段代碼正確清除了名爲「wnDash」的類 –

刪除頁面加載類不工作的JQuery代碼

回答

相關問題