标签: addclass

HTML

<input type="text" class="datepicker01">
<input type="text" class="datepicker02">

我有 2 个打开日期选择器的输入。我想将类添加到在第二个输入中打开的日期选择器 (class="datepicker2")。我怎样才能做到这一点？

http://jsbin.com/cixubuto/1/edit

我希望循环遍历 div，检查每个 div 的特定子 div 中是否有内容，如果有，则向 div 添加一个类。

  $('.img-banner').each(function( index, element ) {
    if ( $(element).find('.img-banner-content').length > 0 ) {
      $(element).addClass("has-content");
    }
  });

我在这里缺少一些简单的东西，可以通过摇晃来完成。问题是它向所有 div 添加了“has-content”类。

减少测试用例：JSFiddle

谢谢大家。

jQuery可以执行"if"功能吗？在中,如果一个类存在于一个菜单项中,请将该类应用于其他菜单项？这与通常的活动页面菜单突出显示略有不同,因为我正在处理活动的下拉菜单和子页面.

我想做的是

(the usual suspect) $(document).ready(function() {

如果...

$('#menu-main-menu li.menu-item-1061') "contains the classes
current-menu-ancestor current-menu-parent"

    then add those same classes to, i.e.:

    $('#menu-main-menu li.menu-item-1099').addClass('current-menu-ancestor
current-menu-parent')

}); });

应该是一种工作的方式....

我有类中包含不同值的类,我想按顺序添加这些类来设置元素.

这应该只是我正在寻找的解释:

<div class="These">Lorem ipsum</div>
<div class="These">Lorem ipsum</div>
<div class="These">Lorem ipsum</div>

$('.These').each(function() {
    var TheseINDEX = $(this).index();
    $(this).addClass('first, second, third');
});

结果:

<div class="These first">Lorem ipsum</div>
<div class="These second">Lorem ipsum</div>
<div class="These third">Lorem ipsum</div>

不像上面的那种憎恶是完美的,但是另一件事......我也在想,如果它会循环,那将会很酷.

假设我有3个类,就像之前一样,这3个类将被添加到8个元素中

结果是这样的:

<div class="These first">Lorem ipsum</div> <!-- #1 -->
<div class="These second">Lorem ipsum</div>
<div class="These third">Lorem ipsum</div>
<div class="These first">Lorem ipsum</div>
<div class="These second">Lorem ipsum</div>
<div class="These third">Lorem ipsum</div>
<div class="These first">Lorem ipsum</div>
<div class="These second">Lorem ipsum</div> <!-- #8 -->

因为它将继续添加这些预设类,直到没有".These"为他们添加.这种循环很像一个备份,因为你用完了类......

http://jsfiddle.net/Z4PAZ/ - 我的例子的jsfiddle .. …

我有16个项目的清单.每行有4行,每行4个项目.如何将".first"类添加到每行的第一项,将".fourth"添加到每行的第四项.

导致:

<ul>
  <li class="first"></li>
  <li></li>
  <li></li>
  <li class="fourth"></li>
  <li class="first"></li>
  <li></li>
  <li></li>
  <li class="fourth"></li>
  <li class="first"></li>
  <li></li>
  <li></li>
  <li class="fourth"></li>
  <li class="first"></li>
  <li></li>
  <li></li>
  <li class="fourth"></li>
</ul>

我有一个具有title属性的div:

<div id="video" title="<?php echo $row_rs_dealItem['video']; ?>">

基本上如果mysql的返回值为空,那么我想添加一个类.我有以下脚本:

$(document).ready(function(e) {
    $('#video[title*=""]').addClass('invisible');
});

这似乎很容易,所以不知道我做错了什么.多谢你们

页面加载后,我想将一个类添加到ID为的元素contact_page:

<a id="contact_page">Contact</a>

这是我正在使用的JavaScript代码:

$(document).ready(function () {
    $("contact_page").addClass('selected');
});

它应该是添加类,但是当我运行它时,没有任何反应.

我做错了什么,我该如何解决？

我想在找到匹配的关键字时为元素添加一个类href

HTML,

<ul class="menu-header">
<li><a href="http://localhost/website/#/home/" class="button-header current">HOME</a></li>
<li><a href="http://localhost/website/#/gallery/" class="button-header">GALLERY</a></li>
<li><a href="http://localhost/website/#/people/" class="button-header">PEOPLE</a></li>
<li><a href="http://localhost/website/#/contact/" class="button-header">Contact</a></li>
</ul>

因此,如果关键字是"gallery",则应将"current"添加到该元素,并且必须删除其他元素中的"current"类.

jQuery的,

var request = "gallery";

// Add the class to the menu.
$(".menu-header li").each(function(){

    var object = $(this); // which is <li>
    var siblings = object.siblings(); // other <li>s

    // Clean all siblings' style.
    siblings.find("a").removeClass('current');
    var array_link = $("a",this).attr("href").split('/');

    if ($.inArray(request, array_link) == 1) $("a.button-header",object).addClass("current");

});

我设法从所有元素中删除"当前"类,但无法添加"当前"类.

我错过了什么想法？

我对jQuery相对较新,并且在动画完成后在函数中选择正确的元素时遇到一些问题.

简单地说,当动画完成时,我希望将一个类添加到页面中的元素.这是我到目前为止:

<script type='text/javascript' charset='utf-8'>
    $(document).ready(function(){
        $('#lightsout').fadeTo(1000, 1,
            function(){
                $('.text404').addclass('lightsout');
            }
        );
    });
</script>

如果有人能够表明正确的做法,我会很高兴.

我真的想知道为什么使用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();
            });         
    }

});