在<a>

时间:2015-11-13 15:37:49

标签: javascript jquery html css wordpress

I have bought a wordpress theme called Salient : http://themenectar.com/demo/salient-frostwave/home-basic/

中删除
  • 不包含某个“href”值的元素

    它有这个AJAX搜索(菜单中的小搜索图标),我想从列表中删除任何具有特定href值的搜索结果,比如说“组合”。

    我尝试在页面构建器插件中的脚本标记内添加以下代码作为“原始html元素”,但它不起作用

    $('a[href*="portfolio"]').css.({display:"none"})
    

    如何在wordpress上实现这个?

    更新:

    感谢所有答案。有一个 ”。”在“css”之后,正确的行应该是:

    $('a[href*="portfolio"]').css({display:"none"})
    

    现在我需要知道如何选择和隐藏不包含“组合”的所有其他元素。即最终结果只会包含“投资组合”的项目。

    我试过

    href!="portfolio"
    

    但它没有选择任何因为!=匹配确切且唯一的“投资组合”,因为我的“投资组合可以 在链接中。

  • 6 个答案:

    答案 0 :(得分:1)

    您甚至不需要jQuery,将其添加到您的CSS文件中:

    a[href*="portfolio"] { display: none }

    示例:http://codepen.io/anon/pen/vNvrpG

    答案 1 :(得分:1)

    为什么每个人都写另一个代码? css功能后有一个点,清除它。替换为:

    $('a[href*="portfolio"]').css({display:"none"})
    

    答案 2 :(得分:1)

    隐藏 NOT 包含单词组合的所有元素:

    $('a:not([href*="portfolio"])').css({display:"none"});
    

    答案 3 :(得分:0)

    $('a[href*="portfolio"]').hide();
    

    答案 4 :(得分:0)

    $('a[href*="portfolio"]').closest('li').remove();
    

    答案 5 :(得分:0)

    您可能没有jquery,可以通过将其添加到HTML

    来导入它
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    

    因此,您可以使用代码$('a[href*="portfolio"]').css.({display:"none"});

    或者您可以使用javascript(根据需要进行调整):

    var elem = document.getElementById("yourId");
    elem.parentElement.removeChild(elem);