标签: removeclass

删除div并追加另一个div

我想重新排列我的div的顺序.

这是我的结构:

  <div class="span8 inner-left" style="clear:both;">
    <div class="span3" style="text-align:right;"></div>
  </div>
  <div id="moreread" class="span4 inner-left"></div>
Run Code Online (Sandbox Code Playgroud)

这就是我想要的结果:

   <div class="span8 inner-left" style="clear:both;">
     <div class="span3" style="text-align:right;"></div>
     <div id="moreread" class="span4 inner-left"></div>
  </div>
Run Code Online (Sandbox Code Playgroud)

这不起作用:

$(this).find('#moreread').after(".span3");
Run Code Online (Sandbox Code Playgroud)

jquery append removeclass

0
推荐指数
1
解决办法
1万
查看次数

为什么要使用next()多次添加和删除一个类?

我真的想知道为什么使用function(next)next()在下面的代码中很重要.没有next()你只能.open-sidebar通过单击添加它一次删除它.header__menu__button--profile.

我以为next()用来选择元素的以下兄弟!

为什么.open-sidebar每次点击都需要它来删除课程.sidebar__top__button--close

$('.header').on('click','.header__menu__button--profile',function(){
    $('.sidebar').addClass('open-sidebar');
});

$('.sidebar').on('click','.sidebar__top__button--close',function() {

    if($('.sidebar').hasClass('open-sidebar'))
    {
        $('.sidebar').delay(300).queue(function(next){
            $('.sidebar').removeClass('open-sidebar');
            next();
            });         
    }

});
Run Code Online (Sandbox Code Playgroud)

javascript jquery addclass next removeclass

0
推荐指数
1
解决办法
96
查看次数

从<html>中删除类

我知道这可能很容易,但我被困在这里.我想ui-mobile从我的<html>标签中删除

<html class="ui-mobile">
Run Code Online (Sandbox Code Playgroud)

我试过这个

$(html).removeClass('.ui-mobile');
Run Code Online (Sandbox Code Playgroud)

但它引发了以下异常

Uncaught ReferenceError: html is not defined
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?

html jquery removeclass

0
推荐指数
1
解决办法
3468
查看次数

JQuery交换类

我正在学习JQuery,在编写自己的小脚本时遇到了问题.所以我有一个导航栏,每按一次按钮,它应该将其css类从'btn'切换到'activebtn'.出于测试目的,我希望能够单击SAME按钮,并将其切换回来,尽管这不会发生.JQuery不会更新类吗?如果是这种情况,我将如何强制JQuery这样做?

<div class="btn">Hello</div>
<div class="btn">World</div>

<script>
$( ".btn" ).click(function() {
    $(this).removeClass('btn');
    $(this).addClass('activebtn');
});

$( ".activebtn" ).click(function() {
    $(this).removeClass('activebtn');
    $(this).addClass('btn');
});
</script>
Run Code Online (Sandbox Code Playgroud)

jquery addclass removeclass

0
推荐指数
1
解决办法
603
查看次数

如果输入为空则添加类,如果不为空则删除它

如果输入为空,我想添加一个类,如果不是,则删除它。我最初有addClass();所以我尝试使用:

.removeClass().addClass();
Run Code Online (Sandbox Code Playgroud)

但它似乎并没有在单击按钮时更新类。

HTML:

<input id="firstName" type="text" />
<input id="lastName" type="text" />
<a href="#" id="button">SEND</a>
Run Code Online (Sandbox Code Playgroud)

jQuery:

var firstName = $("#firstName");
var lastName = $("#lastName");

$('#button').click(function () {
    if(firstName.val() == "" || lastName.val() == ""){
        firstName.removeClass("errorInput").addClass("errorInput");
        lastName.removeClass("errorInput").addClass("errorInput");
    }

if ($(":input").hasClass("errorInput")) {
        alert("false");
    } else {
        alert("true");
    }
});
Run Code Online (Sandbox Code Playgroud)

JSFiddle

javascript jquery addclass input removeclass

0
推荐指数
1
解决办法
2万
查看次数

单击添加/删除类,Jquery

添加和删​​除类的最佳方法是什么,来回单击按钮?

    $('button.hamburger').on('click', function(){
      $(this).addClass('is-active');
    });

    $('button.is-active').on('click', function(){
      $('button.is-active').removeClass('is-active');
    });
Run Code Online (Sandbox Code Playgroud)

它不会删除 .is-active 类。

我是否需要 if 语句来检查元素是否为 .hasClass()?

jquery addclass click button removeclass

0
推荐指数
1
解决办法
1万
查看次数

第二次单击时删除类的正确方法

我有多个div,鼠标点击后添加一个类.

第二次单击该项目时,删除该特定div上添加的类的适当方法是什么.我无法删除课程.

jQuery('.icon-box').on('click', function() {

  var isActive = false;
  jQuery(this).addClass('clicked');

  if (jQuery(this).hasClass('clicked')) {
    var isActive = true;
  }
  if ( isActive ) {
    jQuery(this).removeClass('clicked');
  }

});
Run Code Online (Sandbox Code Playgroud)

JSFiddle示例.

感谢您的反馈.

jquery addclass click removeclass

0
推荐指数
1
解决办法
4249
查看次数

仅在特定元素内删除类名

我想删除几个元素的类名,但只在ID一个元素的指定范围内.

我试过这个,但它不起作用..

// Remove classes from hidden elements
$('#sports').('.nd').removeClass();
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?

javascript jquery removeclass

-1
推荐指数
1
解决办法
211
查看次数

jQuery:选择子元素,但我想更改父元素?

我对jQuery有疑问

<ul class="tabs">
    <li class="active"><a href="#doc-new">Home</a></li>
    <li><a href="#doc-fav">Profile</a></li>
    <li><a href="#doc-read">Messages</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

如何使用jQuery设置active for <li>with <a>href是doc-read

<ul class="tabs">
        <li><a href="#doc-new">Home</a></li>
        <li class="active"><a href="#doc-fav">Profile</a></li>
        <li><a href="#doc-read">Messages</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我可以找到#doc-read但不知道怎么addClass做父母<li>.

jquery addclass selector removeclass

-1
推荐指数
1
解决办法
1257
查看次数

一次删除多个类

我有以下HTML

<div class="row">
    <div class="one someclass"></div>
    <div class="two someclass"></div>
    <div class="three someclass"></div>
</div>
<div class="row">
    <div class="one someclass"></div>
    <div class="two someclass"></div>
    <div class="three someclass"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

我想要删除所有一,二,三个属性

我试过了

$(function () {
    $('div').removeAttr('one', 'two', 'three');
});
Run Code Online (Sandbox Code Playgroud)

但没有奏效.我认为这是错误的方法.我该怎么办?

jquery removeclass

-1
推荐指数
1
解决办法
2523
查看次数

标签 统计

jquery ×10

removeclass ×10

addclass ×6

javascript ×3

click ×2

append ×1

button ×1

html ×1

input ×1

next ×1

selector ×1