jquery删除重复内容的方法

Question

我有一个使用引导弹出框的弹出框对话框，它从页面底部的另一个 div 填充内容。

html 看起来像：

我正在循环并附加一个弹出窗口的元素：

<sup id="cite_ref-3-0" class="reference bootstrap-footnote" data-original-title="">
  [<a href="#cite_note-3">3</a>]
</sup>

文档底部带有填充弹出窗口的引用：

<li id="cite_note-1">
    <b><a href="#cite_ref-1-0">^</a> </b> 
    <a target="_blank" href="http://www.guardian.co.uk/music/musicblog/2009/aug/17/major-labels-spotify/">
         "Behind the music: The real reason why the major labels love Spotify"
    </a> 
    <i>The Guardian.</i>  17 August 2009
</li>

我有一个 jquery 函数，它遍历页面上的所有引用，但我不知道如何在填充弹出框之前解析 html。我想删除<b> 标签和里面的所有东西。

我在我的变量上尝试了 .remove("b") 的各种组合，但无济于事。我错过了什么？

        $element
            .addClass("bootstrap-footnote")
            .each(function(i,item) {
                var footnote_ref = $("a", this).attr("href");
                var footnote_val = $(footnote_ref).html(); //remove("b")
                var footnote = footnote_val; //remove("b")
                $(item).popover({
                    html: true,
                    title: null,
                    content: footnote,
                    delay: { show: 50, hide: 1500 },
                    //placement: "bottom",
                    trigger: "hover"
                });
            });

Answer 1

我想我现在明白你想要什么了

$element.addClass("bootstrap-footnote").each(function(i, item) {        
    var liID = $('a',this).attr('href'); // this is your li's id
    var footnote = $(liID).clone().find('b').remove().end();   // clone the li - remove b

    $(item).popover({
        html: true,
        title: null,
        content: footnote.html(),
        delay: {
            show: 50,
            hide: 1500
        },
        //placement: "bottom",
        trigger: "hover"
    });
});​