Question

我想在我的网站页面中隐藏以下<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>

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

Answer 1

你可以试试这个

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

Answer 2

$('div a[href="http://bizmate.in"]').parent().hide();应该有用。

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

Answer 3

首先，你真的不应该把所有这些样式都内联。它混乱了你的html，并且设计很差，因为你正在混合样式和布局。最好将其取出，使用css选择器并将其包装在<style></style>标签中;为此，您还应该向<div>添加一个类，以使这些选择更容易执行且更易于维护。

话虽这么说，使用.filter()的以下功能可以做你想要的......

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

Answer 4

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

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

Answer 5

尝试

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

假设在给定html的父元素中，你可以找到一个id =“container”的元素，这将确保找到与该容器相对的权利，而不是因为像这样的链接很常见。

Answer 6

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

以下是隐藏它的代码：

<强>的jsfiddle-示例

隐藏ID的代码，没有ID，以及您的链接内容：

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

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

6 个答案: