如何获取jQuery对象类型字符串的值

标题可能有点绕,大致意思就是通过$(),把一个字符串str = "hello"转成了jQuery对象,如何获取到原字符串的值。为什么会有这种需求呢?因为今天封装一个处理字符串的jQuery方法时发现了这个问题。

$.fn.extend({
    removeLeftSpace: function(){
        return this.replace(/^\s+/g, "");
    }
})

var str = "  hello   world   ";
$(str).removeLeftSpace();

方法里的this是jQuery对象,并没有原生的replace方法,所以如何获取到原串成了主要问题。网上查了一下也没有查到方法,可能是真的没这种需求吧,于是就自己琢磨了一下,既然字符串被封装成了jQuery对象,那么原串肯定还在jQuery对象里,那就看下他的结构,直接输出就好了。

$.fn.extend({
    removeLeftSpace: function(){
        console.log(this);
    }
})

var str = "  hello   world   ";
$(str).removeLeftSpace();

结果很喜人,找到了原串的位置,那么下面就直接把他提取出来就好了,通过键值对中的key(selector)就行了。

$.fn.extend({
    removeLeftSpace: function(){
        console.log(this.selector);
    }
})

var str = "  hello   world   ";
$(str).removeLeftSpace();
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,199评论 0 8
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,932评论 18 399
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,469评论 25 709
  • 也许有很多人点进来是为了看那种轰轰烈烈爱的死去活来最后却以分手告终的爱情吧,可这篇文章却是关于我的大学,我的室友,...
    我是阿群阅读 2,649评论 2 2
  • 威威是一只白色的喵,因为威仔妈妈的妈妈要来,老人家可能不能与猫相处,我意外的得到了威威,当然,老人走后是要还回去的...
    猫本猫的猫阅读 968评论 0 0