Замена элемента конкретным текстом

Question

Я пытаюсь изменить все dd с определенным текстом, в этом примере «цвет» от dd до элементов dt.

<dl> 
    <dd><a>color</a></dd> 
    <dd><a>green</a></dd> 
    <dd><a>blue</a></dd> 
    </dl> 

    <dl> 
    <dd><a>color</a></dd> 
    <dd><a>red</a></dd> 
    <dd><a>orange</a></dd> 
    </dl> 

Что было бы лучшим способом сделать это?

Благодаря

Answer 1

$('dd').each(function() { 
    if ($.trim($(this).text()) == 'color') 
     $(this).replaceWith($('<dt>' + this.innerHTML + '</dt>')); 
}); 

FIDDLE

Answer 2

Попробуйте использовать обертку()/разворачивать()

$('dl dd').filter(function(){ 
    return $.trim($(this).text()) == 'color' 
}).wrapInner('<dt />').contents().unwrap() 

Демо: Fiddle