jQuery的如何选择父母而不是孩子

MJ唐恩斯

抱歉,这可能是一个简单的问题,但我还没有找到一种使这项工作成功的方法。我是JQuery的新手,我有一些嵌套列表,我想将click事件添加到父列表中,该事件将滑动切换子列表,而我已经开始使用了,但是如果我单击任何一个子列表,它也会触发slideToggle。当只选择一个父类而不选择任何一个子类时,是否有一种方法可以指定选择器来执行操作?

这是我要做的事情的简化版本:

$(document).ready(function() {
   $(".liClass1").on("click", function(event){
        event.stopPropagation();
        $(this).find(".ulClass2").slideToggle();
    });
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<body>
  <form>
    <ul class="ulClass1">
      <li class="liClass1">
        <span>liClass1</span>
        <ul class="ulClass2">
          <li class="liClass2">
            <span>liClass2</span>
          </li>
        </ul>
      </li>
    </ul>
  </form>
</body>
</html>

西蒙·阿诺德(Simon Arnold)

$(document).ready(function() {
   $(".liClass1").on("click", function(event){
        $(this).children("ul").slideToggle();
   });

   $(".liClass2").on("click", function(event) {
        event.stopPropagation();
   });
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<body>
  <form>
    <ul class="ulClass1">
      <li class="liClass1">
        <span>liClass1</span>
        <ul class="ulClass2">
          <li class="liClass2">
            <span>liClass2</span>
          </li>
        </ul>
      </li>
    </ul>
  </form>
</body>
</html>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Jquery multiselect中选择带有其父母和孩子的组

来自分类Dev

SQL查询选择孩子和父母

来自分类Dev

MySQL从表中选择父母和孩子

来自分类Dev

jQuery动态绑定.on()选择父母还是孩子?

来自分类Dev

jQuery计算父母中最大的孩子数

来自分类Dev

.htaccess重定向给父母而不是孩子?

来自分类Dev

选择匹配的孩子父母的所有孩子表ID

来自分类Dev

jQuery删除孩子并返回父母

来自分类Dev

筛选孩子而不是关系的父母Coredata

来自分类Dev

jQuery根据与父母匹配的类选择器查找孩子

来自分类Dev

将课程应用到孩子的父母,而不是所选的孩子-JQuery

来自分类Dev

如何使用querySelector而不是jQuery查找父母的孩子?

来自分类Dev

jQuery的如何选择父母而不是孩子

来自分类Dev

猫鼬模式-必需的孩子,而不是父母

来自分类Dev

如何从父母中选择一组孩子?

来自分类Dev

如果名称在“父母”或“孩子”上匹配,则选择“父母”

来自分类Dev

如何从孩子向父母的父母发送数据

来自分类Dev

如何在每个孩子坐骑上而不是在所有孩子坐骑后更新父母的状态?

来自分类Dev

如何获得父母元素的孩子?

来自分类Dev

jQuery计算父母中最大的孩子数

来自分类Dev

如何在与nth-child混合的情况下仅选择父母的前两个孩子?而不是每个第一和第二个孩子

来自分类Dev

jQuery-如何根据孩子的属性选择父母?

来自分类Dev

如何使用jQuery使孩子成为父母的父母?

来自分类Dev

猫鼬模式-必需的孩子,而不是父母

来自分类Dev

如何使孩子的跨度与父母崩溃

来自分类Dev

如何根据父母父母扩大孩子的身高

来自分类Dev

如何选择父母的孩子的号码?

来自分类Dev

从不是 jQuery 中祖父母的前两个孩子的父母中选择不是 h3 的孩子节点

来自分类Dev

如何在首页上而不是在整页上隐藏父母的孩子

Related 相关文章

  1. 1

    如何在Jquery multiselect中选择带有其父母和孩子的组

  2. 2

    SQL查询选择孩子和父母

  3. 3

    MySQL从表中选择父母和孩子

  4. 4

    jQuery动态绑定.on()选择父母还是孩子?

  5. 5

    jQuery计算父母中最大的孩子数

  6. 6

    .htaccess重定向给父母而不是孩子?

  7. 7

    选择匹配的孩子父母的所有孩子表ID

  8. 8

    jQuery删除孩子并返回父母

  9. 9

    筛选孩子而不是关系的父母Coredata

  10. 10

    jQuery根据与父母匹配的类选择器查找孩子

  11. 11

    将课程应用到孩子的父母,而不是所选的孩子-JQuery

  12. 12

    如何使用querySelector而不是jQuery查找父母的孩子?

  13. 13

    jQuery的如何选择父母而不是孩子

  14. 14

    猫鼬模式-必需的孩子,而不是父母

  15. 15

    如何从父母中选择一组孩子?

  16. 16

    如果名称在“父母”或“孩子”上匹配,则选择“父母”

  17. 17

    如何从孩子向父母的父母发送数据

  18. 18

    如何在每个孩子坐骑上而不是在所有孩子坐骑后更新父母的状态?

  19. 19

    如何获得父母元素的孩子?

  20. 20

    jQuery计算父母中最大的孩子数

  21. 21

    如何在与nth-child混合的情况下仅选择父母的前两个孩子?而不是每个第一和第二个孩子

  22. 22

    jQuery-如何根据孩子的属性选择父母?

  23. 23

    如何使用jQuery使孩子成为父母的父母?

  24. 24

    猫鼬模式-必需的孩子,而不是父母

  25. 25

    如何使孩子的跨度与父母崩溃

  26. 26

    如何根据父母父母扩大孩子的身高

  27. 27

    如何选择父母的孩子的号码?

  28. 28

    从不是 jQuery 中祖父母的前两个孩子的父母中选择不是 h3 的孩子节点

  29. 29

    如何在首页上而不是在整页上隐藏父母的孩子

热门标签

归档