jquery - 在 HREF 中的特定文本上隐藏 div

Question

我见过类似的问题，但它们更简单:如果 div 包含特定文本，则隐藏它。哪个有效。

就我而言，我有更复杂的动态变化的结构。它可以是 div 内的多个 div，并混合一些 javascript。

在下面的示例中，如果任何元素具有包含特定 ID 的 href:“?id=my-text"

<div **id="top-div"**>
    <div>
        <script type="text/javascript">
        some java script code here...
        </script>
        <a target="_blank" href="some_very_long_url_that_contains_an_id_im_looking_for?id=my-text&bunch_of_other_parameters" width="300" height="250" border="0" alt="" style=" _width:298px; _height:248px; _overflow:hidden; border:1px solid #000000;margin:-1px;"></a>
        <script>
        some java script code here...
        </script>
    </div>
</div>

我尝试了以下方法，但没有成功:

$.expr[":"].containsNoCase = function(el, i, m) {
    var search = m[3];
    if (!search) return false;

    var pattern = new RegExp(search,"i");
    return pattern.test($(el).text());
};

$(document).ready(function() {
    $("div a:containsNoCase('?id=my-text')").parent('div').hide();
});

<强> Fiddle demo

编辑:我错过的一件事是我需要隐藏的最顶层 div 的 ID 是静态的:“top-div”。我想应用文本搜索逻辑仅对“top-div”内的 div 进行操作，而不是对整个页面进行操作。

Answer 1

您可以使用过滤器代替

$('#top-div').filter(function() {
    return $(this).find('a').toArray().some(function(item) {
        return item.search.toLowerCase().indexOf('id=my-text') !== -1;
    });
}).hide();