jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery – 如何选择父元素的子元素?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
对不起,如果标题不准确 – 我无法弄清楚如何说出来.

我有多个具有相同类的小部件< div class =“widget”>< / div> – 每个小部件都有一个标题内容,结构如下:

<div class="widget">
    <div class="widget-title">title</div>
    <div class="widget-content">Content Here</div>
</div>

隐藏“窗口小部件内容”,当您单击窗口小部件标题时,将显示内容,并将一个类应用于窗口小部件标题,将其更改为“窗口小部件标题打开”.这部分适用于查找,并且窗口小部件内容也会打开.

问题是,它在所有小部件上打开小部件内容.它应该只打开单击标题的特定小部件中的小部件内容,而不是所有小部件.我不确定使用什么语法是正确的,因此它只打开用户单击标题的特定小部件的小部件内容.

这是我到目前为止的代码

$('.widget').find('.widget-title').click(function() {
  $('.widget-content').show('slow',function() {
    // Animation complete.
  });
  $('.widget').find('.widget-title').addClass("open");
});

有人可以提供一个有效的例子吗?谢谢

解决方法

$('.widget .widget-title').click(function() {
    $(this)
        .addClass("open")
        .parent().find('.widget-content').show('slow',function() {
            // Animation complete.
        });
});

大佬总结

以上是大佬教程为你收集整理的jQuery – 如何选择父元素的子元素?全部内容,希望文章能够帮你解决jQuery – 如何选择父元素的子元素?所遇到的程序开发问题。

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

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