jQuery 追加和删除

Question

我正在尝试使用此 jQuery append 一些 HTML，然后取消 append 它

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

我怎样才能做到这一点并实时更新它？我只是想在用户“单击”打开或“关闭”时添加此元素？

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

Answer 1

由于您的问题有点模糊且缺乏标记，因此我在演示中使用了一个基本的复选框示例。我在 jsFiddle here 提供了现场演示的链接

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();
  }
});