htmlのspanが複数タグ付けされる

Question

以下のjsでchrome拡張機能で検索画面にハイラインをつけているのですが、

ハイライン部分のhtmlのソースみると、spanが4回囲っており、
spanを一つで囲いたいのですが、
どのようにすればよろしいでしょうか。

<span style="background-color: #ffff00;">
<span style="background-color: #ffff00;">
<span style="background-color: #ffff00;">
<span style="background-color: #ffff00;">
<em>グーグルマップ</em></span></span></span></span>

var timer = 0;
var delay = 100;
$(document).bind('DOMNodeInserted', function(event) {
    if (timer) return;
    timer = setTimeout(function() {
        $('em').each(function() {
            var favgethtml = '<span style="background-color: #ffff00;"></span>'; 
            $(this).wrap(favgethtml);
        });
        timer = 0;
    }, delay);
});

Answer 1

特にその現象は起きませんでしたが・・
念のため

  $('em').not('span em').each(function() {

でやるとか？

Comments

[usuallyi]

class 指定してnot().eachでした場合、解決致しました。
ありがとうございます。