jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery – 切换父元素的类?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一些列表元素,如下所示:

<li class="item">
    <a class="toggle"><h4>ämne<small>2010-04-17 kl 12:54 by <u>nike1</u></small></h4></a>
    <div class="meddel">
        <span>
            <img style="max-width: 70%; min-height: 70%;" src="profile-images/nike1.jpg" alt="" />
            <a href="account.PHP?usr=47">nike1</a>
        </span>

        <p>text</p>
        <span style="clear: both; display: block;"></span>
    </div>
</li>

<li class="item odd">
    <a class="toggle"><h4>test<small>2010-04-17 kl 15:01 by <u>nike1</u></small></h4></a>
    <div class="meddel">
        <span>
            <img style="max-width: 70%; min-height: 70%;" src="profile-images/nike1.jpg" alt="" />
            <a href="account.PHP?usr=47">nike1</a>
        </span>

        <p>test meddelande :) [a]http://youtube.com[/a]</p>
        <span style="clear: both; display: block;"></span>
    </div>
</li>

我正在试图弄清楚如何使它成为当你单击类.toggle的链接时,父元素(li元素)将切换类.current.

我不确定以下代码是否正确,但它不起作用.

$(this).parent('.item').toggleClass('.current',addOrRemovE);

即使我删除“(‘.item’)”,它似乎没有任何区别.

那么,有什么想法吗?

提前致谢

解决方法

toggleClass采用类名,而不是选择器.因此,你不应该包括..
将其更改为toggleClass(‘current’)(不带.).

此外,您可以通过调用最近代码而不是父代来使代码更加健壮.最接近的将搜索与选择器匹配的最内层父元素,以便链接嵌套在.item中时它将继续工作.

大佬总结

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

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

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