【问题标题】:How do you get 'append' to active class-specific element? And remove?您如何“附加”到活动的特定于类的元素?并删除?
【发布时间】:2013-11-14 16:24:17
【问题描述】:

我。 .slide-one.animate-in ---> 添加追加

二。 .slide-one ---> 删除附加

HTML:

<ul class="animation-canvas">
  <li class="slide-one">slide-one</li>
  </ul>
<div>

HTML 活动:

<ul class="animation-canvas">
      <li class="slide-one animate-in">slide-one</li>
      </ul>
    <div>

JS:

$('ul.animation-canvas li.animation-in').append('<div class="iebox">test</div>');

演示: http://jsfiddle.net/TP53Y/

【问题讨论】:

  • 你到底想达到什么目的?
  • 您的html 中没有li.animation-in...
  • @Phil 也不是li.animiation-in
  • 将 iebox 添加到原始标记中的每个元素,并在悬停时隐藏/显示它,除非必须,否则不要在鼠标交互时添加和删除 DOM 元素。

标签: jquery html class append add


【解决方案1】:

在这里做

function () {
    $('.slide-one').addClass("animiation-in").append('<div class="iebox">test</div>');
  }

编辑

这可能会对你有所帮助。

$(".addactive").hover(function () {
    $('ul.animation-canvas').find('.slide-one').addClass("animation-in").append('<div class="iebox">test</div>');
}, function () {
    $that = $('ul.animation-canvas');
    $that.find('li.animation-in .iebox').remove();
    $that.find('.slide-one').removeClass("animation-in");
});

【讨论】:

  • 这不会附加到li 吗?你怎么知道 OP 想要什么?
  • @Phil 如果我理解正确,div 将添加到所有 li 类中。但是'animation-in'也像这样添加。 :-)
  • 如何删除追加?
  • @developingidea 你想恢复鼠标悬停时的ul吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-10-02
  • 1970-01-01
相关资源
最近更新 更多