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

发布于 2024-11-02 12:57:47 字数 651 浏览 2 评论 0原文

我有以下脚本：

$("#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，它将应用样式“-webkit-border-radius”（我知道它不是跨浏览器），到该 DIV。

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

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

我需要能够选择父级和子级分别取决于单击哪一个。

原文

I have the following script:

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

});

Basically, the "#border-radius" ID is to a text input. You type in a value, click the textbox (can't figure out a way around this) and then click the div with the class "editable" and it will apply the style "-webkit-border-radius" (I know its not cross-browser), to that DIV.

The mySQLinsert function uses Ajax to send the value of the mySQLinsert function to a mySQL database using a php page (nothing fancy).

Issue: When I click the child div (div inside of a div) it also applies this value to the parent object, and runs the mySQLinsert function and stored it in the database

I need to be able to select both the parent, and the child individually depending on which one is clicked.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

∞觅青森が 2024-11-09 12:57:47

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

You can use stopPropagation() to prevent the click bubbling up to its parent element.

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

回复收藏 0 原文

~没有更多了~