删除 <a> 中不包含特定“href”值的 <li> 元素答案

【问题标题】：Remove <li> elements that does not contain a certain "href" value inside <a>删除 <a> 中不包含特定“href”值的 <li> 元素
【发布时间】：2016-02-15 05:58:05
【问题描述】：

我已经购买了一个名为 Salient 的 wordpress 主题：http://themenectar.com/demo/salient-frostwave/home-basic/

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

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

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

如何在 wordpress 上实现这个？

更新：

感谢您的所有回答。有一个 ”。”在“css”之后，正确的行应该是：

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

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

我试过了

href!="portfolio"

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

【问题讨论】：

各位大神解答，如何在wordpress上添加？
提交的答案很好，但我想指出以供将来参考，如果您只是删除.css之后的句点，您的代码应该可以工作，所以它会是$('a[href*="portfolio"]').css({display:"none"});...不要忘记你的分号:)
@JonathanBowman 感谢您指出这一点。不敢相信我错过了那个小点。
经过一番研究，我知道将自定义 jquery 添加到 Worpdress 是完全不同的事情。显然有一个叫做 wp_enqueue_script 的东西可以使用。感谢您的所有回答。 :)
嗨 MaxE，您再次复制相同的代码 :) 清除“。”在第二个代码行上。

标签： javascript jquery html css wordpress

【解决方案1】：

隐藏所有不包含单词组合的元素：

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

【讨论】：

【解决方案2】：

为什么每个人都编写另一个代码？ css函数后面有一个点，清除它。替换为：

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

【讨论】：

【解决方案3】：

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

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

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

【讨论】：

谢谢！但是网站搜索更像是AJAX。所以结果不会被过滤。

【解决方案4】：

你可能没有 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);

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

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

【讨论】：

感谢您的回答，但是如何在 wordpress 上添加这个？
请考虑编辑您的帖子，以添加更多关于您的代码的作用以及它为何能解决问题的说明。一个大部分只包含代码的答案（即使它正在工作）通常不会帮助 OP 理解他们的问题。