Question

我已经看了一段时间，无法找到并回答。

假设我在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>

最好，功能原型应如下所示：

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/

注意：更适合的变量名称将是一种帮助。

限制给定html字符串的标记深度

1 个答案: