JQuery 用于在页面加载时删除 class 的代码不起作用

Question

我试图在页面加载时从我的 HTML 中删除 class。 Class 称为 wnDash，它在 gamePage class 内。我尝试使用下面的代码，但它不起作用。

$(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 class。使用 hasClass() 检查是否存在

试试这个：

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

代码段更新

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

JQuery 用于在页面加载时删除 class 的代码不起作用

JQuery code for removing class on page load not working

javascript

jquery

onload

removeclass