Question

当您点击div class="in"时，我想在span中添加div class="in"并添加background-color。

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

怎么做？

Answer 1

这个怎么样：

$(".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/

Answer 2

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

点击带有课程.in

的div

$(".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

单击并取消选中jquery

2 个答案: