使用 jQuery 隐藏 <div> 而不使用 ID 或类答案

【问题标题】：Hide a <div> with jQuery without using ID or class使用 jQuery 隐藏 <div> 而不使用 ID 或类
【发布时间】：2012-09-14 13:03:02
【问题描述】：

我想在我的网站页面中隐藏以下<div>，但是这个<div> 正在动态改变它的位置，所以我不能使用代码$("div:eq(0)").hide();

<div style="background: #ebebeb; border-top: 1px solid #ccc; border-right: 1px solid #ccc;
border-left: 1px solid #ccc; padding: 5px; font-size: 12px; position: fixed; right: 3%; 
bottom: 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;">
Powered by <a href="http://bizmate.in">Bizmate</a></div>

关于如何隐藏该元素的任何建议？

【问题讨论】：

为什么不能给它分配一个类或id？
由托管公司生成，没有任何 id 或类

标签： jquery wordpress html

【解决方案1】：

首先，您真的不应该将所有这些样式都内联。它使您的 html 变得混乱，并且由于您混合了样式和布局，因此设计不佳。最好把它拿出来，使用css选择器，用<style></style>标签包裹；为此，您还应该向<div> 添加一个类，以使这些选择更易于执行和维护。

话虽如此，使用.filter() 的以下函数将执行您想要的操作...

$("div").filter( function() { 
    return $(this).find("a[href^='http://bizmate.in']").length > 0;
}).hide();

【讨论】：

当然，如果您发布完整的 html，选择器可以得到改进，现在必须假设这样的 <div> 没有重复
Demo of code above, Demo of more improved code

【解决方案2】：

你可以试试这个

$('div[style*=background: #ebebeb; [...]').hide();

【讨论】：

【解决方案3】：

$('div a[href="http://bizmate.in"]').parent().hide(); 应该可以工作。

演示：http://jsfiddle.net/C4pYy/

【讨论】：

【解决方案4】：

为什么不添加一个id然后使用$('div#myId').hide()？

<div id="myId" style="background: #ebebeb; [...]">[...]</div>

【讨论】：

THe
是由托管公司生成的，所以只有我无法分配的 ID 或 CLASS，无论如何我都删除了，谢谢@mbinette

【解决方案5】：

试试

$("a[href='http://bizmate.in']",  $("#container")).closest('div').hide();

假设在给定 html 的父元素中，您可以找到一个带有 id="container" 的元素，这将确保在该容器中找到正确的，而不是在其他地方，因为这样的链接非常常见。

【讨论】：

【解决方案6】：

我认为您必须为其分配一个 ID，如果不能，为什么不呢？

这里是隐藏它的代码：

JSfiddle 示例

使用 id、没有 id 以及链接内容的隐藏代码：

http://jsfiddle.net/9eLAJ/3/

【讨论】：