标签: removeclass

<li>通过点击它来设置类.现在,嵌套的element(<button>)不会从它的父级中删除该类.

提前致谢.

$(document).ready(function() {
      $('.pickOne li').click(function() {
        $(this).addClass('active');
      });

      $('.settingsCancelBtn').click(function() {
        $(this).parent().parent().removeClass('active');
      });
    });

HTML就像这样:

<div class="fromCamp pickOne four">
                <ul class="four">
                    <li class="first bus"><a href="#" alt="By Bus"></a>
                        <div>
                            <p class="cmInfo">Arrive between 9 AM and 11 AM. Read these <a href="#">additional instructions</a>. <a href="#">Driving Directions</a></p>
                            <p><a href="#">Tilefishes</a></p>
                            <p><a href="#">Bluefishes</a></p>
                            <p><a href="#">Tigerfishes</a></p>
                            <button class="cmCancelDeleteButton settingsCancelBtn" type="button">Cancel</button>
                            <button class="cmGoButton settingsSaveBtn" type="button">Save</button>
                        </div>
                    </li>
                    <li class="second car"><a href="#" alt="By Car"></a>
                        <div>
                            <p><a href="#">Remoras</a></p>
                            <p><a href="#">Tilefishes</a></p>
                            <p><a href="#">Bluefishes</a></p>
                            <p><a href="#">Tigerfishes</a></p>
                            <button class="cmCancelDeleteButton …

我想知道如何在页面上加载特定div后删除某个类.有没有人知道使用jquery执行此操作的适当方法？

我正在使用一个特殊的类来加载,并希望一旦div加载就删除它.

我有以下标记:

<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>

我需要帮助找出如何根据活动页面使用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>

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

我需要<tr>使用remove()删除呈现页面中的一行; 通过定位<label>名称. 请参阅下面的标记.

<tr>此表中还有其他行需要保留.是否可以通过文本标签名称"网站"或label for="url"？来定位表格中的一行？

即

jQuery(document).ready(function( $ ){
    $("target the <tr> by label name Website or "url" ").remove();

  });

HTML标记:

<tr>
    <th><label for="url">Website</label></th>
    <td><input type="text" name="url" id="url" value="" class="regular-text code" /></td>
</tr>

所以我想弄清楚的是如何记住哪个元素有被删除的类.

例如,有7行,<li></li>其中第4 行具有"活动"类.所以现在如果我要用jQuery删除这个类,removeClass()我怎样才能将这个信息存储到变量中以供进一步使用,例如在需要时添加类"active"？

提前致谢.

有没有一种方法可以添加从页面上的所有DIV中删除相同的类 - 除了我当前所在的(点击)？

背景:我页面上的所有DIV都有"可编辑"类,单击该对话框可使相应的div可编辑,并为其显示内联编辑器.当有人正在编辑div时,我想阻止所有其他div在此页面上进行编辑,以避免同时打开多个编辑器.

谁能帮我这个 ？蒂姆,谢谢.

如何在多个类的一个语句中完成此工作？

<div class="ddd back7">d</div>
<div class="fff back7">f</div>
<div class="ggg back7">g</div>

$('.ddd','.fff','.ggg').removeClass('back7'); //Does not work


$('.ddd').removeClass('back7');//Does
$('.fff').removeClass('back7');//Does
$('.ggg').removeClass('back7');//Does

http://jsfiddle.net/qfmgcvkk/

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

这是html:

<article class="block inactive">
  <span class="close"></span>
</article>

和jQuery:

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

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

编辑

解:

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

$('.close').click(function(e){
    $(this).parent('.block').toggleClass('inactive active');
    e.stopPropagation();
});

目前我有一个手风琴菜单,每次.responsive-accordion-head点击我告诉它切换类如下:

$('.responsive-accordion-head').click(function () {

    if ( $( '.responsive-accordion-head i' ).hasClass( "plus-2" ) ) {

        $('.responsive-accordion-head i').removeClass("plus-2");
        $('.responsive-accordion-head i').addClass("minus-2");

    } else {
        $('.responsive-accordion-head i').removeClass("minus-2");
        $('.responsive-accordion-head i').addClass("plus-2");
    }

});

我遇到的问题是上面的代码更改了所有.responsive-accordion-head元素的类.我需要它仅针对所点击的项目.我该怎么做呢？

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

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

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

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

   function(){ 


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

   },

   function(){
   if($('.wmg-container3').hasClass('open')){
    $(this).removeClass('title-hover'),
 }
}
)

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

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

谢谢你们的帮助!