Question

我有以下脚本：

$("#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是文本输入。你键入一个值，单击文本框（无法找到解决方法），然后单击“可编辑”类的div，它将应用样式“-webkit-border-radius”（我知道它不是跨浏览器），对那个DIV。

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

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

我需要能够单独选择父项和子项，具体取决于单击哪一项。

Answer 1

您可以使用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});  
    });                      
});

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

1 个答案: