jquery - 在不使用 ID 或类的情况下使用 jQuery 隐藏 <div>

标签 jquery wordpress html

我想隐藏以下 <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>

关于如何隐藏该元素有什么建议吗?

最佳答案

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

话虽如此,以下函数使用 .filter() 会做你想做的...

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

关于jquery - 在不使用 ID 或类的情况下使用 jQuery 隐藏 <div>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12541838/

相关文章:

jquery - 悬停在其他div中的<A>标签时如何使div显示?

performance - 关于indexeddb有多快

jquery - 将选定的选项添加到 Select2

php - 自定义操作按钮进入 WooCommerce 管理订单列表上的自定义列

php - ACF Repeater 字段不输出图像

Wordpress 自定义分类分页不起作用

javascript - Bootstrap 导航栏下拉故障

javascript 单击 html 按钮不执行任何操作

javascript - 限制固定子 div 的高度滚动到父 div 的高度

javascript - 根据滚动位置添加和删除 Bootstrap 导航栏类