jquery - 使用 jquery 单击和取消单击

Question

当你点击一个div class="in"我想在span里面添加一个div class="in"并添加background-color。

当我单击外部的元素时，div class = "in"我想删除添加span的和 css。

怎么做？

Answer 1

您可以尝试使用更少的代码行：

单击带有类的div.in

$(".in").on('click',function(e){
    e.stopPropagation();
    $('<span/>').appendTo($(this)).text("new Added").css({'background-color':'Red'});
});

单击 Div 的外部：

$(document).on('click',function(){
   $(".in").find('span').remove(); 
});

JSFiddle Demo

Answer 2

这个如何：

$(".in").click(function(event){
  event.stopPropagation();
    var span = $("<span>My new span</span>").css('background-color', 'yellow');
    $(this).append(span);
}); 
$(".outer").click(function(event){
    $(this).find('.in span').remove();
}); 

看看这个例子http://jsfiddle.net/vA2FP/1/