容器和所有子元素(指定的除外)的jquery选择器

容器和所有子元素(指定的除外)的jquery选择器,jquery,Jquery,我有一个webform,它由一个搜索框和一个通过搜索填充的表组成。我所做的是,如果你点击桌子上的任何地方,你的注意力就会回到搜索框,以便进行快速交互 我想在一些元素上防止这种行为,比如表中包含的selects。我想通过添加一个类来实现这一点,以便以后可以更改忽略焦点更改的内容 我认为问题在于我的选择器正在寻找一个包含boxx类而不包含noboxx类的元素,但是子元素本身没有boxx类,但我似乎无法构造我需要的选择器 $('.boxx>*:不是(.noboxx)”。在('click',函数(e)

我有一个webform,它由一个搜索框和一个通过搜索填充的表组成。我所做的是,如果你点击桌子上的任何地方,你的注意力就会回到搜索框,以便进行快速交互

我想在一些元素上防止这种行为,比如表中包含的selects。我想通过添加一个类来实现这一点,以便以后可以更改忽略焦点更改的内容

我认为问题在于我的选择器正在寻找一个包含boxx类而不包含noboxx类的元素,但是子元素本身没有boxx类,但我似乎无法构造我需要的选择器

$('.boxx>*:不是(.noboxx)”。在('click',函数(e){
$('#searchtext').focus().select();
});

重要文本
点击器
12

我相信这与事件传播有关。 试试这个。在我看来,这正是你想要的

$(“#theout”).on('click','.boxx.noboxx',函数(e){
e、 停止传播();
});
$('#theOuter')。在('click','.boxx*:非(.noboxx')上,函数(e){
e、 停止传播();
$('#searchtext').focus().select();
});

重要文本
点击器
1.
2.
东西
更多的东西

这里的问题是,它自动关闭选择,不允许进行选择。这似乎有效,但仅适用于加载时存在的图元。我将其包装到一个函数中,该函数在控件创建后将侦听器应用于控件,因为我不知道如何在文档中装箱选择器。在(单击、选择器、函数)设置中。处理稍后创建的元素的方法是使用委派事件。我会举一个例子。它确实需要一些高于所讨论的元素的东西来进行输入。我会在表格中添加一个ID,这样你就可以明白我的意思了。添加浏览器会破坏css页面,但我将浏览器更改为$(文档),效果很好。谢谢你今天的帮助。我准备把头发拔出来!不客气。请注意活动的初始目标。如果将其放得太高,可能会影响性能。尽量把它拉紧。