jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 定位之前的$this大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如何从’click’函数中定位$this(来自’each’上下文).我想删除尴尬的.parents().find()代码.

$('.layout.responsive').each(function () {
    $('.area.optional',this).before('<a href="#" class="toggle_responsive" onClick="return false">Show details</p>').hide();
    $('.toggle_responsive',this).click(function () {
        $(this).parents('.layout.responsive').find('.area.optional').toggle();
    });
});

解决方法

解决方案当然和其他人一样,但是我觉得使用这种语法要干净得多,并且会像你现在使用的代码一样完成.

$('.layout.responsive').each(function () {
    var ar = $(this).find('.area.optional').hide(),showDetail = $('<a />',{
        href: '#',class: 'toggle_responsive',text: 'Show details',click: function(){
            ar.toggle();
            return false;
        }}).insertBefore(ar);
});

我们可以使用jQuery 1.4中引入的新语法,而不是插入HTML字符串,而不是使用您现在正在使用的混乱的内联事件处理程序.

大佬总结

以上是大佬教程为你收集整理的jquery – 定位之前的$this全部内容,希望文章能够帮你解决jquery – 定位之前的$this所遇到的程序开发问题。

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

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