jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了关于元素的孩子的jQuery警告onclick?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用此代码在某个元素上显示警报:
$("#resultsBox").click(function (event) {
    console.log('a');
    });

我想只在你点击’#resultsBox’里面的’li’元素时才显示警告.

我试着这样做:

$("#resultsBox li").click(function (event) {
    console.log('a');
    });

这是元素的#resultsBox结构:

<div id="resultsBox">
  <ul>
    <li></li>
    <li></li>
  </ul>
</div>

如何才能做到这一点?

解决方法

当您使用.click()绑定事件处理程序时,它将应用于此时与您的选择器匹配的任何元素,而不是以后动态添加的元素.

鉴于你的div被称为“resultsBox”,假设你实际上是动态添加东西以显示其他操作的结果似乎是合理的,在这种情况下你需要使用委托的事件处理程序:

$("#resultsBox").on("click","li",function (event) {
    console.log('a');
});

这个.on() method的语法将处理程序绑定到“#resultsBox”,但是当点击发生时,jQuery检查它是否在第二个参数中与“li”选择器匹配的子元素上 – 如果是这样,它会调用你的函数,否则不会.

大佬总结

以上是大佬教程为你收集整理的关于元素的孩子的jQuery警告onclick?全部内容,希望文章能够帮你解决关于元素的孩子的jQuery警告onclick?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: