标签: addclass

javascript将类添加到特定div中的元素

所以我在我的页面中有这样的安排:

<div class="food">

    <div>
        <a href="#" class></a>
        <a href="#" class></a>
    </div>

    <div>
        <a href="#" class></a>
        <a href="#" class></a>
    </div>

</div>
Run Code Online (Sandbox Code Playgroud)

如何在div.food中的所有元素中添加一个类?实现这个的最短,最快的方法是什么?

谢谢!

javascript css jquery addclass

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

jQuery和Prototype Selector Madness

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

例如,在Prototype中,这有效:

$$('li')[5].addClassName('active');
Run Code Online (Sandbox Code Playgroud)

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

$$('li')[currentPage].addClassName('active');
Run Code Online (Sandbox Code Playgroud)

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

jQuery('li').eq(5).addClass("active");
Run Code Online (Sandbox Code Playgroud)

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

jQuery('li').eq(currentPage).addClass("active");
Run Code Online (Sandbox Code Playgroud)

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

jquery addclass css-selectors prototypejs

3
推荐指数
2
解决办法
2225
查看次数

使用.live()和jQuery的addClass

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

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

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

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

〜贾里德

jquery addclass callback live onload

3
推荐指数
1
解决办法
7148
查看次数

jQuery .addClass没有效果

其他编码人员,只是遇到了.addClass方法的一个奇怪的(至少对我来说)行为.我试图通过使用.addClass方法和更改div的背景颜色的.highlight类来突出鼠标悬停在它上面的项目(div).(我使用jQuery而不是css:hover方法是有原因的.)

代码工作意义,.highlight类被添加到div但颜色不会改变.只有当div的默认css类没有定义背景颜色时,颜色才会改变.换句话说,如果div被定义为包含说背景颜色的类:白色; 添加.highlight类但颜色不会改变.

这是正常的还是我错过了什么?现在,我正在使用.css('background-color',....)来突显亮点,但我很好奇为什么.addClass方法不起作用.

谢谢.

jquery addclass

3
推荐指数
1
解决办法
5386
查看次数

将Fade合并到addClass jQuery中

我有这个简单的代码:

$('.featureItems li').hover(
       function(){ $(this).addClass('hover') },
       function(){ $(this).removeClass('hover') }
)
Run Code Online (Sandbox Code Playgroud)

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

我需要animate()吗?

谢谢

jquery addclass fade hover

3
推荐指数
1
解决办法
6042
查看次数

使用php将类添加到li然后在每三个项目之后交替?

这可能是愚蠢的简单,但我想找到一种方法将类添加到无序列表,然后在每第三个项后交替该类.

我只是为每三个项目添加一个类(这不是我想要的),但这是我的代码:

<?php $i=1; foreach($this->items as $item) : ?>
      <li class="<?php if ($i % 3 == 0) : ?>odd<?php endif; ?>"><a href="<?php echo $linky; ?>">xxx</a></li>
<?php $i++; endforeach; ?>
Run Code Online (Sandbox Code Playgroud)

吐出来的:

<li class="">xxx</li>
<li class="">xxx</li>
<li class="odd">xxx</li>
<li class="">xxx</li>
<li class="">xxx</li>
<li class="odd">xxx</li>
Run Code Online (Sandbox Code Playgroud)

但我希望得到的是:

<li class="odd">xxx</li>
<li class="odd">xxx</li>
<li class="odd">xxx</li>
<li class="even">xxx</li>
<li class="even">xxx</li>
<li class="even">xxx</li>
Run Code Online (Sandbox Code Playgroud)

等等.通常我会用jquery做这样的事情,但在这种情况下我必须使用php ..任何帮助都会非常感激:)

css php addclass

3
推荐指数
1
解决办法
6489
查看次数

如何在angularjs中使用addClass方法

我有一个仅限于类的angularjs指令.如何在angularjs中使用addClass方法添加它

指示

app.directive('number', function() {
return {
    restrict: 'C',
    link: function () {         

    }
};
Run Code Online (Sandbox Code Playgroud)

});

 <div id="test"></div>
Run Code Online (Sandbox Code Playgroud)

我知道可以使用如下的jQuery.

$( "#test" ).addClass( "number" );
Run Code Online (Sandbox Code Playgroud)

请使用angularjs帮助我做到这一点

addclass angularjs

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

jQuery onclick addclass/removeclass 并添加淡入淡出

在过去的三天里,我一直在寻找解决我的问题的方法。我见过很多人和我有同样问题的人,但没有一种解决方案可以解决我的问题。所以我又回到了起点,我请求你们友好的人们的帮助!

我现在正在运行以下脚本,该脚本非常适合我:

$(".show_commentsandnotes_container").click(function () {
    $('.commentsandnotes_bg').addClass('show');
    $('.commentsandnotes_container').addClass('show');
});
$(".commentsandnotes_bg").click(function () {
    $('.commentsandnotes_bg').removeClass('show');
    $('.commentsandnotes_container').removeClass('show');
});
Run Code Online (Sandbox Code Playgroud)

我唯一无法开始工作的是元素的淡入和淡出。我尝试了很多解决方案,例如切换和显示/隐藏,但这最适合我。我需要的唯一简单的事情是将淡入淡出添加到脚本中(1000 毫秒),我只是无法解决这个问题。

有人能帮我吗?提前致谢。

jquery addclass onclick fade removeclass

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

addClass到getElementsByClassName数组

我需要一些帮助,因为我对.getElementsByClassName感到沮丧.我有一个svg地图,其中包含类的路径.我现在需要列出具有某个类的所有内容并添加另一个类.现在我有

var testarray = (document).getElementsByClassName("currentclass");
for(var i = 0; i < testarray.length; i++)
{
   testarray.item(i).className("classtobeadded");
}
Run Code Online (Sandbox Code Playgroud)

这会返回"未定义不是函数"错误.我已经尝试了$(文档),(文档),(jQuery),我尝试过$(".currentclass").addClass(),我已经尝试了很多组合而没有成功.你们能告诉我我做错了什么吗?

谢谢!

arrays jquery svg addclass getelementsbyclassname

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

jQuery 如果元素有类做某事

我正在尝试根据匹配的列表项是否具有活动类来切换是否显示选项卡。我已经用 if 语句和 .hasClass 尝试了多种不同的方法,但无法让它按照我的意愿行事!任何帮助将不胜感激。

这是我的尝试之一的示例:

$( "#indexHero" ).onClick(function(){
  $("#tabNo1.active"){
    $( "#testID1, #testID2" ).addClass( "hideMe" );
    $( "#testID3" ).removeClass( "hideMe" );
  }
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery addclass removeclass

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