Как получить объект jquery для замещенного элемента DOM

Question

Я хочу написать плагин, который вызывает replaceWith, как я могу выбрать этот новый контент, чтобы я мог подключить свой плагин к новому контенту.

$.fn.spam = function() { 
    this.replaceWith('<span>spam</span>'); 
}; 

, и я хочу сделать что-то вроде

$('div').span().css('background-color', 'red'); 

replaceWith возвращения старого содержания, как я могу получить новое содержание?

Answer 1

$.fn.spam = function() { 
    var elems = $(); 
    this.each(function() { 
     var span = $('<span />', {text: 'spam'}); 
     $(this).replaceWith(span); 
     elems.push(span.get(0)); 
    }); 
    return $(elems); 
}; 

$('div').spam().css('background-color', 'red'); 

FIDDLE

Answer 2

может быть, как это:

$.fn.span = function() { 
var theNewElt = $('<span>spam</span>'); 
this.replaceWith(theNewElt); 
return theNewElt; 
}; 


$('div').span().css('background-color', 'red'); 

испытания его на jsfiddle

Answer 3

Я нашел способ сделать это в одной строке с помощью метода replaceAll Jquery

$.fn.spam = function() { 
    return $('<span>spam</span>').replaceAll(this); 
};