标签: addclass

jquery addclass样式不起作用,错误的选择器?

<li id="leistungen"><a href="#Leistungen" onclick="sitemapChangeSubMenu('leistungen','leistungencontent','leistungen'); return false;">LEISTUNGEN</a> </li>

这是我想要样式的列表项:

$("#leistungen a").addClass("brown");
Run Code Online (Sandbox Code Playgroud)

这不适用于:

$("#leistungen").addClass("brown");
Run Code Online (Sandbox Code Playgroud)

我的css代码就是

.brown {
   color:brown;
}
Run Code Online (Sandbox Code Playgroud)

我不知道有什么不对,希望你能帮助我:)

非常感谢!

css jquery addclass styling selector

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

在元素中查找文本并将addClass添加到Parent

HTML:

<table>
 <tr>
  <td>
   <a href="#" class="nav">link</a>
  <td>
 </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

我要:在a.nav中查找文本“链接”,并将添加的ID“ abc”添加到“表”。尝试了这个,但是不起作用:

$('table>tbody>tr>td>a.nav:contains("Forum Index")').parents('table').attr('id', 'newID');
Run Code Online (Sandbox Code Playgroud)

(之所以如此,是因为大多数浏览器会自动添加它)

jquery text addclass find

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

jquery眨了几下

我想通过使用addClass和removeClass 3次给一个元素眨眼效果我试过这个

$("#div").addClass("orange").delay(300).queue(function(next){
    $(this).removeClass("orange");
    next();
});
Run Code Online (Sandbox Code Playgroud)

这只是一次工作

怎么能让这个发生3次300毫秒延迟?

javascript jquery addclass blink removeclass

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

jQuery addClass到子元素

我有一个通常的无序列表导航菜单与子菜单...

HTML:

<ul>
  <li><a href="#">Link 1</a></li>
  <li>
    <a href="#">Link with submenu</a>
    <ul>
      <li><a href="#">Sublink 1</a></li>
    </ul>
   </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

父级内的所有链接<li>都具有边框半径.但如果父母<li>有孩子<ul>,我不希望该链接具有半径.

我目前正在使用这个jQuery:

<script>
  $("li").has("ul").addClass("sub-radius");
</script>
Run Code Online (Sandbox Code Playgroud)

它工作正常,除了它的目标<li>,但我需要它来定位孩子<a>并删除它的半径.

任何帮助,将不胜感激.

javascript jquery addclass

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

jQuery - 在使用id添加/删除类时组合多个单击函数

我确信必须有更优雅(并且重复性更低!)的方式来做到这一点.有没有办法结合以下功能?

 $('#one').click(function() {
$('#container').removeClass();
$('#container').addClass('one');return false;});

$('#two').click(function() {
 $('#container').removeClass();
$('#container').addClass('two'); return false;});

$('#three').click(function() {
$('#container').removeClass();
$('#container').addClass('three');   return false; });
Run Code Online (Sandbox Code Playgroud)

......等等...

jquery addclass function click

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

添加一个带有Jquery或Javascript的类到<a>标签

我有以下标记:

<ul class="menubar">
    <li><a href="home.php" title="Home">Home</a></li>
    <li><a href="services.php" title="Services">Services</a></li>
    <li><a href="aboutus.php" title="About Us">About Us</a></li>
    <li><a href="contact.php" title="Contact Us">Contact Us</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我需要帮助找出如何根据活动页面使用Jquery或Javascript(最好是Jquery)添加类.例如,在"Home.php"页面上,我想将类".selected"添加到活动<a>标记中,同时将类".none"添加到所有其他链接.

因此,当在"home.php"页面上时,代码应如下所示:

<ul class="menubar">
    <li><a href="home.php" class="selected" title="Home">Home</a></li>
    <li><a href="services.php" class="none" title="Services">Services</a></li>
    <li><a href="aboutus.php" class="none" title="About Us">About Us</a></li>
    <li><a href="contact.php" class="none" title="Contact Us">Contact Us</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

根据其余代码的工作方式,我需要将类分配给<a>标记而不是整个<li>项目.任何想法都表示赞赏.

javascript jquery addclass removeclass

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

仅将类添加到前置文本

如何将类添加到前置文本,而不将其添加到整个标签.到目前为止我有这个:

$('form label').prepend('*');
$(this).addClass('star');
Run Code Online (Sandbox Code Playgroud)

但我知道'this'指的是标签.我想为每个星号添加一个类.

html jquery dom addclass

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

jQuery在单击时从父项中删除类

我有一个元素,一旦你点击它,它添加和删除一个类与jQuery.当您单击子元素时,我希望类再次交换.我试过这样做,.parent但似乎没有用..

这是html:

<article class="block inactive">
  <span class="close"></span>
</article>
Run Code Online (Sandbox Code Playgroud)

和jQuery:

$('.block').click(function(){
    $(this).removeClass('inactive'),
    $(this).addClass('active');
});

$('.close').click(function(){
    $(this).parent().addClass('inactive');
    $(this).parent().removeClass('active');
});
Run Code Online (Sandbox Code Playgroud)

编辑

解:

$('.block').click(function(){
    $(this).addClass('active');
    $(this).removeClass('inactive');
});

$('.close').click(function(e){
    $(this).parent('.block').toggleClass('inactive active');
    e.stopPropagation();
});
Run Code Online (Sandbox Code Playgroud)

jquery addclass click parent-child removeclass

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

Jquery remove类正在重新应用该类

我是jquery的新手,我试图添加然后删除一个div类.首先,我addClass();在单击div时添加类名,然后我想通过单击链接将其删除.这是我到目前为止编写的代码,但它不起作用. https://jsfiddle.net/j2tsk90k/1/

我究竟做错了什么?

HTML:

<div class="block yellow expandable skewX">
<div>Test</div> <span id="transp">  
<a id="close">close</a>
</span>
</div>
Run Code Online (Sandbox Code Playgroud)

JS:

$('.expandable').on('click', function () {
 $(this).addClass('fullscreen');
});

$('#close').click(function () {
 $('.expandable').removeClass('fullscreen');
});
Run Code Online (Sandbox Code Playgroud)

注意:

  • 在Firefox上,它表现得像是在点击链接时重新应用该类.
  • 在Chrome上,该链接无法点击.

提前致谢

javascript css jquery addclass removeclass

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

在悬停功能上,如果X有类,请执行此操作

我有一个函数,在悬停时,为一个元素添加一个类.

我希望只有在另一个div具有特定类时才会发生这种情况.

到目前为止,我正在尝试这个没有任何结果:

$('.title-overlay').hover(

   function(){ 


    $(this).addClass('title-hover'),

   },

   function(){
   if($('.wmg-container3').hasClass('open')){
    $(this).removeClass('title-hover'),
 }
}
)
Run Code Online (Sandbox Code Playgroud)

正如您所看到的,我希望title-hover添加类,但如果wmg-container3有类open,则应删除此类.

(所有这些都悬​​停在类标题叠加层上)

谢谢你们的帮助!

javascript jquery addclass removeclass

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

标签 统计

addclass ×10

jquery ×10

javascript ×5

removeclass ×5

click ×2

css ×2

blink ×1

dom ×1

find ×1

function ×1

html ×1

parent-child ×1

selector ×1

styling ×1

text ×1