标签: addclass

jQuery和Prototpye JavaScript库都拒绝允许我使用变量来按索引号选择列表项元素,尽管它们接受硬编码的数字.

例如,在Prototype中,这有效:

$$('li')[5].addClassName('active');

但无论我如何尝试将变量转换为数字或整数,这都行不通:

$$('li')[currentPage].addClassName('active');

在jQuery中我得到了类似的怪异.这将有效:

jQuery('li').eq(5).addClass("active");

但即使currentPage的值为5且其类型为数字,这也不会再次起作用:

jQuery('li').eq(currentPage).addClass("active");

我正在尝试创建一个JavaScript分页系统,我需要在活动页面按钮上设置类.列表项元素是根据我需要的页数动态创建的.

我目前正在使用该.load()函数div动态地将内容加载到容器中.正在加载的内容是表格数据,我想斑马条纹.斑马条纹很容易在静态页面上,但我无法弄清楚如何斑马条纹加载到容器中的新内容div.

这是我正在努力工作的代码:

$("table tbody tr:even").live("EVENT", function(){
  $(this).addClass("alt");
});

"EVENT"不应该是"click",或者是"mouseover""onload"或其他类似的东西.有没有办法做到这一点？谢谢你的建议!

〜贾里德

我有这个简单的代码:

$('.featureItems li').hover(
       function(){ $(this).addClass('hover') },
       function(){ $(this).removeClass('hover') }
)

我如何结合淡入淡出效果,因此添加/删除类更加渐进？

我需要animate()吗？

谢谢

我有一个表,所有行都有一个div的单元格,其动态生成的id格式为btn-insertidhere.

当选择表格行时,我想选择此div id,然后删除一个类并将其更改为另一个类.这取决于我想要将按钮图像从添加符号更改为删除符号(单击时).

javascript代码:

  $('*[class^=day] tbody tr[id^=band]').live('click', function() {
        var DivId = $(this).find('div.add').attr('id');
        alert(DivId);

        $('DivId').removeClass('add').addClass('del');
        $('table#fri_myTimes tbody').append($(this)).fadeIn(1000);
        return false;
});

这是动态生成的代码的html片段:

<tr id="band-Modest-Mouse">
<td>Modest Mouse</td>
<td>15:25:00</td>
<td>16:10:00</td>
<td>45</td>
<td><div id="btn-Modest-Mouse" class="add">&nbsp;</div></td>
</tr>

如您所见,我想将"添加"类更改为删除"类".表格中的所有表格行都是这样生成的,因此您可以看到我已经选择了通配符方法,这似乎有效,因为显示的警报显示了正确的div id.我只需要改变课程!

谢谢!

我有一个表(标准标记),每行都有一个无线电选择.一旦收音机被选中,我想强调一下.听起来很直接,但我不能让它触发.

这是标记:

表行:

<tr>
<td>some data</td>
<td>some data</td>
<td>some data</td>
<td>
<label class="label_radio"><input type="radio" name="ame" value="val" /></label>
</td>
</tr>

这是JS的相关部分:(修改标签以对单选按钮进行性别化,该位有效,位不具备):

$('.label_radio input:checked').each(function(){ 
$(this).parent('label').addClass('r_on');
$(this).parent('tr').addClass('.hilite'); //this line doesn't work
});

有任何想法吗？如果我没有提供足够的英特尔,请说出来,我会告诉你你需要的东西.

非常感谢提前:)

我有一个菜单,它应该作为点击菜单工作,所以当点击按钮时会出现一个菜单,当再次点击该按钮时,菜单应该消失,但我不能让它工作？

我有这个脚本

<script type="text/javascript">
      $(document).ready(function() { 
        $('#dropdown').click(function(){
            setTimeout(function(){
                $('#dropdown').attr("id", "dropdown2");
                $('#dropmenu').addClass("open");
                //$('#dropmenu').fadeIn('fast');
            },500);
        })
        $('#dropdown2').click(function(){
            setTimeout(function(){
                $('#dropdown').attr("id", "dropdown");
                $('#dropmenu').removeClass("open");
                //$('#dropmenu').fadeIn('fast');
            },500);
        })
      });
    </script>

它在添加类时起作用,但是当我再次单击该按钮时,它不会删除"打开"类

我正在创建一个自动提示框,其中有一个建议返回给它,我正在尝试添加/删除类"searchsuggestinnerulhighlight"到单个链接.这是动态返回的ta

    <DIV id="searchsuggestinner">
    <UL id=searchsuggestinnerul>
    <LI>
    <A href="#" id="1" class = "hoverme" onMouseDown="searchsuggestSubmit('appalachian trail');">appalachian trail</A>
   </LI>
   </UL>
   </DIV>

这是我的jQuery:

 $(".hoverme").live("mouseover mouseout", function(event) {
    if ( event.type == "mouseover" ) {
       $("#" + mocount).removeClass("searchsuggestinnerulhighlight");
       mocount = $(this).attr('id');
       $("#" + mocount).addClass("searchsuggestinnerulhighlight");
    } else {
       $("#" + mocount).removeClass("searchsuggestinnerulhighlight");
    }
 });

最初我有.css("背景颜色"......现在我已经改变它来添加类并删除类,它不起作用.任何想法？

我想为每个有2个以上孩子的项添加"任何东西".不幸的是我的代码不起作用,我想我必须定义(这个)并且可能使用每个,但我不知道该怎么做.

这是我的代码:

if ( jQuery('#container .document').children().size() > 2 ) {
     jQuery(this).addClass("anything"); 
}

一个破碎的例子:

http://jsfiddle.net/HHSuM/1/

我创建了下面的代码,它在第一次单击时通过类旋转成功旋转了箭头.

但是在第二次点击时,我希望箭头再次旋转回来.我尝试过,使用else,并在点击时删除类.但这没效果.任何建议或帮助都会很棒!

 $(document).ready(function(){
        $('#first').click(function(event) {
          $(".content.firstArrow").addClass("rotate");
        }); 
        $('#second').click(function(event) {
          $(".content.secondArrow").addClass("rotate");
        }); 
        $('#third').click(function(event) {
          $(".content.thirdArrow").addClass("rotate");
        }); 
        $('#forth').click(function(event) {
          $(".content.forthArrow").addClass("rotate");
        });       
   });

我是JS的新手,我无法弄清楚如何让它工作.很感谢任何形式的帮助!所以我有一个汉堡包按钮,当点击时,通过向面板和按钮添加一个类,同时切换滑入式面板和汉堡包动画的动画.如果用户点击面板外的任何地方,我已成功添加了一个点击事件来关闭面板,但我也无法获得汉堡包按钮来删除添加的类.我希望用户同时拥有这两个选项(单击按钮或单击面板外部).

HTML:

<ul class="nav nav--right">
  <li class="v-button--slide-right" id="toggle-menu">
    <button class="mpp-menu-icon mpp-menu-icon--cross toggle-menu">
      <span class="toggle"></span>
      <span class="menu">menu</span>
    </button>
  </li>
</ul>

<nav id="menu--slide-right" class="nav menu--slide-right">
  <ul class="main-menu">
    <li><a href="/home">Home</a></li>
    <li><a href="/about">About</a></li>
  </ul>
</nav><!-- end slide menu -->

JS:

jQuery(document).ready(function($) {

    var openSidebar = function() {
        $('.menu--slide-right').addClass('is-active');
        $('.toggle-menu').addClass('is-active');
        $('#toggle-menu').addClass('toggle-close');
    }
    var closeSidebar = function() {
        $('.menu--slide-right').removeClass('is-active');
        $('.toggle-menu').removeClass('is-active');
        $('#toggle-menu').removeClass('toggle-close');
    }


    $('.toggle-menu').click(function(event) {
        event.stopPropagation();
        openSidebar();
    });

    $(document).click(function(event) {
        if (!$(event.target).closest('.menu--slide-right').length) {
            closeSidebar();
        }
    });
});

这是一个JSFIDDLE来演示我到目前为止所拥有的内容