标签: removeclass

我有一个表,所有行都有一个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.我只需要改变课程!

谢谢!

这是HTML:

<a id="docLocked" title="Unlock this document" style="text-decoration: none; cursor: pointer;"><span class="iconfa-lock"></span></a>

单击"图标"时,我需要它删除span元素的类,然后添加另一个类.

这是我的,但它不起作用:

jQuery('#docLocked').click(function () {
        jQuery(this).closest('span').removeClass('iconfa-lock');
        jQuery(this).closest('span').addClass('iconfa-unlock');
    });

我在这做错了什么？

如何使用 JQuery 删除同一元素上的重复类？

例子：

<a href="#" class="foo foo">link</a>

我只想在这个元素中包含一个类，如下所示：

<a href="#" class="foo">link</a>

我已经尝试过但没有成功。谢谢

我有数千行链接动画代码。我已将其全部移至 GraphicsHelper 类，并引用回 ViewController 中的数据。一旦我完成了代码，我想放弃类实例，因为我可以保持内存（和我的视图控制器代码）较小。视图控制器在整个应用程序运行的几个“阶段”期间保持在范围内。有没有办法以编程方式断开辅助类的类实例？我尝试分配 nil 但收到一个错误，该类不符合 NilLiteralConverter 协议。有什么方法可以断开实例连接，或者可以替代我认为的大量代码问题吗？谢谢大家。难道世界上只有我一个人想做这样的事吗？

请帮助我如何从 WordPress 自定义菜单中的菜单 ul 中删除 id。我无法从 ul 标签中的 id 中删除 id 我的代码是

我想删除 id="menu-primary-menu" 提前致谢

我创建了一个按钮,当用户点击它时,当前的类应该替换为新的,反之亦然.但是addClass或removeClass都没有显示任何效果.我没有在控制台日志中看到任何错误或警告消息.

JQuery代码:

$('.vote_btn').click(function(){
  $.ajax({
        url:'/joseph/pages/votes.php',
        type: 'post',
        //dataType:'json',
        data:{'comment_id':$(this).data('commentid')},
        success: function(data){
          if(data == 'up'){
              $(this).removeClass('fa-thumbs-o-up').addClass('fa-thumbs-up');
          } else if(data == 'reversed') {
              $(this).removeClass('fa-thumbs-up').addClass('fa-thumbs-o-up');
          } else {
            alert(data);
          }
        }
  });
});

HTML代码:

<span id="<?=$comment['id']?>" class="fa fa-thumbs-o-up vote_btn" data-commentid="<?=$comment['id']?>" data-postid="<?=$getpost['post_id']?>" data-who="<?=$comment['commenter_id']?>"></span>

标题只是我对如何做某事的想法,不一定是"方式",这就是情况.

我正在使用以下内容将我的Flickr Feed中漂亮的方形缩略图嵌入到我的网站中.

<div id="flickr_badge_wrapper" class="group">
 <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?show_name=1&count=6&display=latest&size=s&layout=x&source=user&user=57701525%40N08"></script>
</div><!-- end flickr_badge-wrapper -->

工作得很好.只有它生成的标记(见下文)包含width ="75"height ="75".这造成了严重破坏,因为它是一个流畅的布局,我没有已知的高度.我已经找到了所有的CSS ...当我从img标签中删除高度时(在Firebug中测试)它可以工作.现在我只需要一种方法来摆脱Flickr源加载后的高度属性.

<div id="flickr_badge_wrapper" class="group">
<script type="text/javascript" src="blah blah"></script>
  <div class="flickr_badge_image" id="flickr_badge_image1">
  <a href="http://www.flickr.com/photos/57701525@N08/5635787388/">
  <img src="http://farm6.static.flickr.com/5110/5635787388_ee1c039ba2_s.jpg" alt="A photo on Flickr" title=" " height="75" width="75"></a>
  </div>
</div>

会喜欢jQuery的想法!

我有一个简单的使用示例,removeClass但它似乎没有正常工作.我不知道为什么我不能看到这个问题

HTML

<ul id="alljobs" class="hide">123</ul>
<ul id="jobs" class="hide">123</ul>

CSS

.hide{color:red;}

JS

var x=1;

if (x ==1 ){
$('#jobs').removeClass('.hide');
}

在这种情况下,一个ul文本颜色应该是黑色,但事实并非如此

有任何想法吗？

这是我的jsfiddle

谢谢

我是Javascript的新手,我遇到了一个烦人的问题.

我有一个包含列表的列表.我有一个脚本,可以在单击时将列表设置为可见/不可见.但是,一旦按下它,我就不会切换/添加一个类到链接.

我的列表看起来像这样

<ul>
    <li><a href="#" onclick="toggle('item1');">Click something</a>
    <ul id="item1" style="display: none;">
        <li>Something ...</li>
        <li>Something something</li>
    </ul></li>
    <li><a href="#" onclick="toggle('item2');">Click something else</a>
    <ul id="item2" style="display: none;">
        <li>Something more...</li>
        <li>Something something less?</li>
    </ul></li>
</ul>

我的脚本看起来像这样:

<script type="text/javascript">
    function toggle(id) {
        var v = document.getElementById(id);

        if (v.style.display == '') {
            v.style.display = 'none';
            v.removeClass("selected");
        } else {
            v.style.display = '';
            v.addClass("selected");
        }
    }
</script>

列表显示和隐藏它应该,但不添加或删除类.

CSS是这样的:

a:link {
    color: #000000;
    text-decoration: none;
}

a:hover, a.selected {
    color: #005b97;
    text-decoration: none;
    padding-left: 2px; …

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

JS:

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

$('#close').click(function () {
 $('.expandable').removeClass('fullscreen');
});

注意:

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

提前致谢