用jquery隐藏页面上重复的特定HTML模式

Question

我的regex和jquery技能正在使我失望。

我需要隐藏出现在页面上的以下所有html (以下是数据库抛出的)：

<p><strong>External Links for:</strong></p>  
<p></p>

我非常感谢使用jquery来隐藏上述所有内容的jsfiddle (或类似的)。(注:有时在第二段中会有数据。如果是这样的话，这一点应该保持不变)。

提前感谢！

郑重地说，我自己也曾尝试过这样做，但我的jquery技能是垃圾，所以最好从空白板子开始，因为我希望它只需要几行代码就能实现。

Answer 1

如果希望只返回一行中两个段落的实例，则可以创建如下复杂筛选器：

$('p').filter(function(i,el) {
    var test1 = $(el).html() == "<strong>External Links for:</strong>";
    var test2 = $(el).next('p').html() == "";
    return test1 && test2;
}).next().addBack().hide(); // or .remove()

http://jsfiddle.net/mblase75/d7fz4/5/

Answer 2

您可以迭代并检查文本是否为External Links for:，然后隐藏或删除它。

$(document).ready(function () {
    $("p > strong").each(function () {
        if ($(this).text() == "External Links for:") {
            //$(this).hide();
            $(this).closest('p').remove();
        }
    });
});

演示

或

$(document).ready(function () {
    $("p > strong").each(function () {
        return $(this).text() === "External Links for:";
    }).closest('p').remove();
});

交替方式演示

注意:将代码包装在文档准备处理程序中

Answer 3

例如：

$( function() {
    $( 'p>strong' ).each( function() {
        $( this ).next( 'p' ).remove();
        $( this ).remove();
    });
});

演示