jQuery追加和删除

Question

我试图使用这个jQuery来附加一些HTML,然后取消它

if( !(jQuery(check).hasClass('selected'))){
    jQuery(this).append('<span class="selected">&nbsp;</span>');
   }    

我怎么能做到这一点,并实时更新它？我只是想在用户"点击"或"关闭"时添加此元素？

即如果检查没有"选定"类 - 追加 - 否则删除？

Answer 1

由于您的问题有点模糊且缺少标记,因此我使用了演示的基本复选框示例.我已经包含在的jsfiddle链接到一个现场演示在这里

HTML:

<input type="checkbox" id="test" /> Check me

<div id="items"></div>

JavaScript的:

$("#test").bind('click', function(){

  var $t = $(this);

  if($t.is(':checked')){
    // append item
    $('#items').append('<span class="selected">I was recently appended.</span>');
  }else{
    // empty div and remove it from DOM (empty helps with memory leak issues with remove() )
    $('span', '#items').empty().remove();
  }
});