3

我想<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>

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

4

6 回答 6

2

你可以试试这个

$('div[style*=background: #ebebeb; [...]').hide();
于 2012-09-22T07:48:06.713 回答
2

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

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

于 2012-09-22T07:49:17.257 回答
2

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

话虽这么说，下面的函数 using.filter()将做你想要的......

$("div").filter( function() { 
    return $(this).find("a[href^='http://bizmate.in']").length > 0;
}).hide();
于 2012-09-22T07:50:24.187 回答
1

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

<div id="myId" style="background: #ebebeb; [...]">[...]</div>
于 2012-09-22T07:43:26.850 回答
1

尝试

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

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

于 2012-09-22T07:49:39.943 回答
1

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

这是无论如何隐藏它的代码：

JSfiddle-示例

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

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

于 2012-09-22T07:51:44.587 回答