如何将点击事件绑定到元素has'使用jquery的特定子项
How to bind click event to element hasn't specific child using jquery?
我在一个页面上有几个元素,就像底部代码一样。
<div>
<a href="#" id="notme">click</a>
some content
</div>
它们可以被点击,jQuery选择点击。但是,其中一个元素有一个a
链接,单击该链接不应被拾取为父元素的单击。
$('div:not(#notme)').on('click', function(e) {
// do something
});
由于某种原因似乎不起作用。。。
使用:has
选择器选择具有特定子元素的div元素。在:has
中使用:not
。
$("div:has(a:not(#notme))").on("click", function(e) {
console.log("clicked");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<a href="#" id="notme">click</a>
some content
</div>
<div>
<a href="#" >click2</a>
some content 2
</div>
您可以尝试:
$('div').on('click', function(e) {
if($(e.target).attr("id") !== "notme") {
// do something
}
});
$('#notme').on('click', function(e) {
e.stopPropagation();
});
相关文章:
- jQuery使用anoSlide在手机上滑动
- jQuery使用api获取typeform结果
- JQuery使用相同的功能自动完成各种输入文本
- jQuery:使用“jQuery验证”后无法提交表单's远程验证
- jQuery使用ajax自动完成问题-TypeError:this.source不是函数
- jQuery:使用substr()的另一种方法
- 我如何让jQuery使用Greasemonkey 0.8脚本(在Firefox 2上),在没有互联网的情况下使用PC
- jquery使用name from变量按类选择元素
- JQuery:使用clone()生成的元素不采用原始的事件属性
- jQuery使用$.post上传文件
- 如何将数据附加到DOM元素以供jQuery使用
- jquery使用val()复制值似乎可以删除换行符
- jQuery使用.of()删除事件处理程序时出现的问题
- jquery使用输入框内容
- jQuery:使用实时事件添加tabindex属性
- Jquery使用html对象添加更多内容
- jQuery 使用 .scroll(handler) 滚动到元素
- PHP jQuery使用多个单词传递值
- 防止已选择的选项 Jquery 使用 MYSQL 自动完成
- jQuery使用XML数据更新UL列表