javascript - 限制给定 html 字符串的标签深度

Question

我已经看了 SO 一段时间了，找不到也找不到答案。

假设我在 html 字符串中有一组嵌套标签:

<blockquote>
    <blockquote>
        <blockquote>
            <blockquote>
                Some Text 1
            </blockquote>
            Some Text 2
        </blockquote>
    Some Text 3
    </blockquote>
    <blockquote>
    Text!
        <blockquote>
        Text 2!
        </blockquote>
    </blockquote>
Some Text 4
</blockquote>

在 jquery 中，我如何获取该 html 字符串并将其转换为另一个 html 字符串，但删除第 n 个嵌套的 blockquote。因此，如果我将其限制为两个，则将保持不变:

<blockquote>
    <blockquote>
    Some Text 3
    </blockquote>
    <blockquote>
    Text!
    </blockquote>
Some Text 4
</blockquote>

函数的原型(prototype)最好是这样的:

var limit = 2;
myHtmlString = limitQuotes(myHtmlString, limit);

关于此事的任何方向都会有所帮助。

Answer 1

基于 Doge 的评论:

function limitQuotes(html, max_depth){
    var depth_selector = '';
    for(var i = 0; i < max_depth; i++){
        depth_selector += '>blockquote';
    }
    html = $(html);
    html.find(depth_selector).remove();
    return html.wrap('<p>').parent().html();
}

$('body').html(limitQuotes('<blockquote><blockquote><blockquote><blockquote>Some Text 1</blockquote>Some Text 2</blockquote>Some Text 3</blockquote><blockquote>Text!<blockquote>Text 2!</blockquote></blockquote>Some Text 4</blockquote>',2));

http://jsfiddle.net/AA67d/6/

注意:更合适的变量名会有所帮助。