如何從此jQuery函數返回克隆元素

Question

這就是我所擁有的：

jQuery.fn.convertInputType = function(t){
  var e = this;
  e.each(function(i){
    var o = jQuery(this)
    ,   c = o.clone();
    c.attr('type',t);
    o.replaceWith(c);
  });
  return e;
}

我無法弄清楚要返回什么來使它成為鏈條，如：

$('.example').convertInputType('password').css('background','blue');

我以為我可以構建一個像newReturnObj[i] = o.replaceWith(c)或newReturnObj[i] = c或newReturnObj[i] = jQuery(c)這樣的數組，但沒有一個工作。

Answer 1

在這里，這工作：

$.fn.convertInputType = function ( type ) {  

    // we use .map() because we're replacing the set of elements  
    return this.map( function ( i, elem ) {
        var clone = $( this ).clone().attr( 'type', type );        
        $( this ).replaceWith( clone );        
        return clone[0];
    });  

};

現場演示： http ： //jsfiddle.net/qTqQr/1/