Ajax 在JQuery中选择Div，而不选择父Div

我有以下脚本：

$("#border-radius").click(function(){   
var value = $("#border-radius").attr("value");
    $("div.editable").click(function () { 
    mySQLinsert(value, '2', this.id)
     $(this).css({
    "-webkit-border-radius": value
    });  
});                      

}))

基本上，“#border radius”ID用于文本输入。键入一个值，单击文本框（无法找到解决方法），然后单击类为“editable”的div，它将对该div应用样式“-webkit border radius”（我知道它不是跨浏览器的）

mySQLinsert函数使用Ajax将mySQLinsert函数的值发送到使用php页面的mySQL数据库（没有什么特别之处）

问题：当我单击子div（div中的div）时，它也将此值应用于父对象，并运行mySQLinsert函数并将其存储在数据库中

---

我需要能够分别选择父对象和子对象，具体取决于单击哪个

可以使用

stopPropagation（）

来防止单击冒泡到其父元素

$("#border-radius").click(function(){   
    var value = $("#border-radius").attr("value");
    $("div.editable").click(function (e) { 

       // Note the parameter e passed in the function above
       e.stopPropagation();

       mySQLinsert(value, '2', this.id)
       $(this).css({"-webkit-border-radius": value});  
    });                      
});

---

我不太明白。是否要停止冒泡单击事件？我不确定这意味着什么。基本上，如果我将一个div“a”包装在一个div“b”中，并尝试通过单击div“a”来应用边界半径样式，它将自动将其应用于div“a”和“b”。谢谢你，杰夫，这正是我需要的。