你如何'追加'活跃的特定于类的元素?删除?

时间:2013-11-14 16:24:18

标签: jquery html class append add

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

II。 .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/

1 个答案:

答案 0 :(得分: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");
});