首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >通过通过多个类和一个方法/选择器选择元素来删除类

通过通过多个类和一个方法/选择器选择元素来删除类
EN

Stack Overflow用户
提问于 2018-05-31 17:26:47
回答 4查看 47关注 0票数 0

对于类似的问题,我搜索了多个不同的响应--不同的,并尝试了几种不同的可能性。(将为我尝试的内容提供链接)

上下文:

这是一个个人项目,为了这个任务的目的,我不允许触摸HTML代码。我正在尝试使用JQuery删除一个类,以便使用selector/method :last-of-type.last()选择它的父类。

下面是我已经尝试过的:

HTML:

代码语言:javascript
运行
复制
<fieldset>
    <div class="form-group">
        <div class="col-sm-8 col-sm-12">
            <input class="form-control" id="Username" name="Username" title="Username is a required field." type="text" value="" placeholder="Username">
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-8 col-sm-12">
            <input autocomplete="off" class="form-control" id="Password" name="Password" title="Password is a required field." type="password" placeholder="Password">
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-offset-4 col-sm-8 col-sm-12">
            <div class="checkbox">
                <label>
                    <input id="RememberMe" name="RememberMe" type="checkbox" value="true">
                    <span>Remember me?</span>
                </label>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-offset-4 col-sm-8 col-sm-12">
            <button id="submit-signin-local" class="btn btn-primary" title="Sign In">Sign In</button>

            <a class="btn btn-default" role="button" href="/ForgotPassword" title="Forgot Password?">Forgot Your Password?</a>

        </div>
    </div>
</fieldset>

和JQuery:

代码语言:javascript
运行
复制
var lastForm = $('.form-group').last();
$(lastForm+' div.col-sm-12').removeClass('col-sm-offset-4');

代码的结果是对HTML没有任何更改...这个类仍然存在,并且没有被删除。我相信这里的问题与selector/method有关。我最初试过

$('.form-group div.col-sm-12').removeClass('col-sm-offset-4');

但是查看一堆StackOverflow响应,似乎不可能做到这一点。jQuery selector with nth-of-type()

我可能在搜索错误的东西,所以它有可能是重复的--但经过几个小时的搜索--我怀疑它

任何想尝试的人都可以使用CodePen - https://codepen.io/pen/ERjYXO

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50620960

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档