parent 相关问题

在定向树中，父节点是感兴趣节点之前的前一节点。然后，父母这个词可以用于无数的计算机科学抽象中。包含的图形或逻辑项的容器可以称为父项。 OOP中的继承类可以称为父类。

在数组中查找父级的键/PHP

也许有人可以帮我解决这个问题：我正在使用基本搜索函数来查找数组深处的数组。问题是，一旦找到该数组，我还想返回它的括号...

php arrays recursion multidimensional-array parent

回答 2 投票 0

在多维数组中查找匹配的父键

我正在尝试找到一种方法来返回数组父键的值。例如，从下面的数组中我想找出父级的键，其中 $array['id'] == "0002"。父键很明显

php arrays recursion multidimensional-array parent

回答 3 投票 0

当父元素悬停时更改子元素的 CSS

首先，我假设这对于 CSS3 来说太复杂了，但是如果某个地方有解决方案，我很乐意采用它。 HTML 非常简单。首先，我假设这对于 CSS3 来说太复杂了，但是如果某个地方有解决方案，我很乐意采用它。 HTML 非常简单。 <div class="parent"> <div class="child"> Text Block 1 </div> </div> <div class="parent"> <div class="child"> Text Block 2 </div> </div> 子div设置为display:none；默认情况下，但随后更改为 display:block;当鼠标悬停在父div上时。问题是这个标记出现在我网站上的几个地方，我只希望当鼠标位于其父级上方时显示子级，而不是当鼠标位于任何其他父级上方时显示子级（它们都具有相同的类）姓名且无 ID）。我尝试过使用 $(this) 和 .children() 但没有成功。 $('.parent').hover(function(){ $(this).children('.child').css("display","block"); }, function() { $(this).children('.child').css("display","none"); }); 为什么不直接使用CSS？ .parent:hover .child, .parent.hover .child { display: block; } 然后添加不支持 :hover 的 IE6 JS（例如在条件注释中）： jQuery('.parent').hover(function () { jQuery(this).addClass('hover'); }, function () { jQuery(this).removeClass('hover'); }); 这是一个简单的例子：Fiddle .child{ display:none; } .parent:hover .child{ display:block; } /*just to desgin */ .parent { border: 1px solid #ddd; min-height: 40px; padding: 10px } <div class="parent"> parent 1 <div class="child"> Text Block 1 </div> </div> <br><br> <div class="parent"> parent 2 <div class="child"> Text Block 2 </div> </div> 不需要使用JavaScript或jquery，CSS就足够了： .child{ display:none; } .parent:hover .child{ display:block; } 查看演示 .parent:hover > .child { /*do anything with this child*/ } 使用toggleClass()。 $('.parent').hover(function(){ $(this).find('.child').toggleClass('color') }); 其中 color 是班级。您可以根据自己的喜好设计类，以实现您想要的行为。该示例演示了如何在鼠标移入和移出时添加和删除类。查看工作示例此处。不确定是否有可怕的理由这样做，但它似乎在最新版本的 Chrome/Firefox 上与我一起工作，页面上有相当多的元素没有任何明显的性能问题。 *:not(:hover)>.parent-hover-show{ display:none; } 但是这样，您所需要做的就是将 parent-hover-show 应用于一个元素，其余的就完成了，并且您可以保留您想要的任何默认显示类型，而不必总是“阻止”或为每种类型创建多个类。要从 css 更改它，您甚至不需要设置子类 .parent > div:nth-child(1) { display:none; } .parent:hover > div:nth-child(1) { display: block; } 斯蒂芬的答案是正确的，但这是我对他的答案的改编： HTML <div class="parent"> <p> parent 1 </p> <div class="child"> Text Block 1 </div> </div> <div class="parent"> <p> parent 2 </p> <div class="child"> Text Block 2 </div> </div> CSS .parent { width: 100px; min-height: 100px; color: red; } .child { width: 50px; min-height: 20px; color: blue; display: none; } .parent:hover .child, .parent.hover .child { display: block; } jQuery //this is only necessary for IE and should be in a conditional comment jQuery('.parent').hover(function () { jQuery(this).addClass('hover'); }, function () { jQuery(this).removeClass('hover'); }); 您可以看到这个示例在 jsFiddle 上工作。我有一个我认为更好的解决方案，因为它可以扩展到更多级别，想要多少级别都可以，而不仅仅是两个或三个。我使用边框，但也可以使用任何想要的样式，例如背景颜色。有了边框，我们的想法是：只有一个div具有不同的边框颜色，即鼠标所在位置的div，不在任何父级上，也不在任何子级上，因此只能看到这样的div边框具有不同的颜色，而其余部分保持白色。您可以在以下位置进行测试：http://jsbin.com/ubiyo3/13 这是代码： <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>Hierarchie Borders MarkUp</title> <style> .parent { display: block; position: relative; z-index: 0; height: auto; width: auto; padding: 25px; } .parent-bg { display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; border: 1px solid white; z-index: 0; } .parent-bg:hover { border: 1px solid red; } .child { display: block; position: relative; z-index: 1; height: auto; width: auto; padding: 25px; } .child-bg { display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; border: 1px solid white; z-index: 0; } .child-bg:hover { border: 1px solid red; } .grandson { display: block; position: relative; z-index: 2; height: auto; width: auto; padding: 25px; } .grandson-bg { display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; border: 1px solid white; z-index: 0; } .grandson-bg:hover { border: 1px solid red; } </style> </head> <body> <div class="parent"> Parent <div class="child"> Child <div class="grandson"> Grandson <div class="grandson-bg"></div> </div> <div class="child-bg"></div> </div> <div class="parent-bg"></div> </div> </body> </html> 如果您使用 Twitter Bootstrap 样式和基本 JS 作为下拉菜单： .child{ display:none; } .parent:hover .child{ display:block; } 这是创建粘性下拉菜单所缺少的部分（这并不烦人）行为是：单击时保持打开状态，再次单击页面上其他任何位置时关闭当鼠标滚出菜单元素时自动关闭。对我有用的是 nth-of-type 来定位特定元素、SVG 图标，而不是使用 display:none;为了避免以后找不到它，我使用填充颜色作为背景颜色，在本例中为白色，然后使用 css 定位父级并使用 :nth-type-of(1) 直接查找 SVG 元素 HTML <div class="feature-col"> <div class="feature-icon bg-primary bg-dark" style="border:0.125em white"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="white" class="bi bi-laptop" viewBox="0 0 16 16"><path d="M13.5 3a.5.5 0 0 1 .5.5V11H2V3.5a.5.5 0 0 1 .5-.5h11zm-11-1A1.5 1.5 0 0 0 1 3.5V12h14V3.5A1.5 1.5 0 0 0 13.5 2h-11zM0 12.5h16a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5z"></path> </svg> </div> <h5>Website Design and Hosting</h5> <p>Some text in here that is a child element as well...</p> <a href="javascript:void(0);" class="icon-link">Call to action</a> </div> CSS .feature-col:hover svg:nth-of-type(1){ fill: #FF5B0D; cursor:pointer; } JSFIDDLE 玩法： https://jsfiddle.net/93de7zbc/6/ 使用 CSS 可见性属性尝试使用 CSS 可见性属性来保持 div 的大小，以便可以悬停元素：使用 CSS 同级 .text { visibility: hidden; margin: 10px; } .sibling { cursor: pointer; } .sibling:hover + .text { visibility: visible; } <h3 class="sibling"> Hover me to show the sibling content </h3> <div class="text">Text Block 1</div>

jquery css jquery-selectors parent

回答 11 投票 0

如何以托管方式在.NET中获取父进程

我在.NET中寻找了很多获取父进程的方法，但只找到了P/Invoke方式。

c# process pinvoke parent managed

回答 7 投票 0

当 JSON 文件没有父文件时，如何获取它？

JSON 文件示例（Hello.json）： [ { “姓名”：“亚历克斯·史密斯”， “用户”：“1234”， “描述”：“蓝眼睛” }, { 这就是我...

javascript json file parent

回答 2 投票 0

WordPress：如何在帖子元中显示父类别？

我这里有一个 WP 网站：http://www.undergroundsound.com.au 正如您所看到的，首页上的每个帖子都显示“发布在‘子类别’中”。我希望它能说类似“张贴在‘家长

wordpress categories parent

回答 1 投票 0

在 Google Chrome 中检查元素显示父标签，而不是检查的确切标签

当我检查某些元素时，例如 Chrome 浏览器中表单中的按钮，它显示表单标签而不是按钮 HTML 标签。对于某些元素，它显示确切的标签，但有时它显示父标签。

html google-chrome tags parent web-inspector

回答 2 投票 0

取消隐藏父表和子表并移至索引表右侧

我用列表框调用父表，父表应该移动到“索引”表的右侧，然后是带有数组表的案例陈述，这是Ch...

arrays move parent children

回答 1 投票 0

WordPress：获取 post_parent 标题

我创建了一个自定义侧边栏来抓取帖子父页面： query_posts("post_type=page&post_parent=6"); 我想获取 post_parent 的标题（即“关于”）。 the_title 不会...

wordpress parent title

回答 6 投票 0

当有多个父母时，孩子如何沟通？

我有在公共文件夹中创建的公共组件，并且该组件可以由多个组件使用。我知道我可以使用 EventEmitter 来通知父组件是否有...

angular parent communication child

回答 1 投票 0

如何从 PhpParser\Node\Stmt\Property 获取类名

我正在创建一个 Rector (rector/rector) 规则，该规则应该根据属性的某些属性来更改属性。 PhpParser 来自 nikic/php-parser。我获取属性没有问题，我只是 c...

nodes parent php-parser rector

回答 1 投票 0

MAUI CollectionView 父级对子级的价值需要示例/指导

这应该（希望）是一件很容易回答的事情。我有一个绑定到 JSON 数据源的集合视图，以及我为其存储值的 JSON 文件第一级中的一个按钮（在 Prefe...

maui parent collectionview

回答 1 投票 0

获取子类别下的产品数量以及子类别中主类别的总数量

如果子类别中有产品，我想统计该子类别的父类别中的所有产品。例如： Category1（总产品 10）//我如何获得它类别 1.1（总计

php laravel count categories parent

回答 1 投票 0

使用react将信息放入localStorage

我正在为一个酒类品牌开发一个展示网站，我希望在该网站初始化时，为用户第一次访问显示一个组件（我已经创建的模式），但不显示...

reactjs next.js local-storage parent children

回答 1 投票 0

为什么元素a不采用其前辈的文本颜色

这是代码冒险这是代码 <nav class="navbar"> <h1 class="logo">ADVENTURE</h1> <ul class="nav-links"> <li><a href="#">Home</a></li> <li><a href="#">Tour</a></li> <li><a href="#">Explore</a></li> <li><a href="#">About</a></li> <li class="ctn"><a href="#">Contact</a></li> </ul> </nav> 我尝试将导航栏的文本颜色设置为#fff（白色） h1 改变了，但 a 元素不受影响浏览器将自己的默认样式应用于链接（“a”元素）。这些默认值通常包括蓝色（表示未访问的链接）和紫色（表示已访问的链接）。要覆盖它，您需要一个明确针对“a”元素的规则。 .navbar a { /* Targets links within the navbar */ color: #fff; }

html css colors anchor parent

回答 1 投票 0

使用vue.js在子组件中调用父方法

我只想知道如何从子组件调用父函数。我尝试使用 $parent 来调用父方法，但出现此错误类型错误：_this.$parent.forceRender 不是

vue.js methods components parent-child parent

回答 2 投票 0

将子项悬停在父项内，也会影响其他父项内的其他子项（兄弟父项）

我对悬停兄弟姐妹其他孩子有疑问，这是我的代码： &... 我对悬停兄弟姐妹的其他孩子有疑问，这是我的代码： <div class="parent"> <div class="child"> </div> <div class="parent"> <div class="child"> </div> <div class="parent"> <div class="child"> </div> 我尝试了这种风格的代码，正在工作，但我发现了一些问题 .parent:has(.child:hover) ~ .parent .child { background-color: red; } 问题是，当第一个孩子悬停时，所有其他孩子（第二个和第三个）也悬停，但是当我悬停第二个孩子时，只有第三个孩子悬停，第一个孩子不受影响......可以请您帮我解决问题，谢谢。 :has选择器现在适用于大多数浏览器（CanIUse）。 .parent { border: 3px solid black; margin: 10px; padding: 10px; } .child { padding: 10px; border: 3px solid blue; } .child:hover, .parent:has(.child:hover)~.parent .child { background-color: orange; } <div class="parent"> <div class="child">child 1</div> </div> <div class="parent"> <div class="child">child 1</div> </div> <div class="parent"> <div class="child">child 1</div> </div>

css hover parent siblings

回答 1 投票 0

CSS 大小嵌套 DIV 基于父级父 DIV 大小

假设我有这个 HTML 在哪里所有 DIV 都是

html css parent percentage

回答 1 投票 0

html css 中心，忽略其他元素

html css parent centering children

回答 1 投票 0

也为家长添加课程

我正在构建一个多级菜单，并且想通过函数（正在运行）向元素添加一个活动类，但也想将该类添加到其父元素中。我正在构建一个多级菜单，并且想通过函数（正在运行）向元素添加一个活动类，但也想将此类添加到其父元素中。 <ul class="main-menu"> <li><a href="#" class="nav-link">Maine Level 1</a> <ul> <li><a class="nav-link" scene="scene_1">Scene 1</a></li> <li><a class="nav-link" scene="scene_2">Scene 2</a></li> </ul> </li> <li><a href="#" class="nav-link">Maine Level 2</a> <ul> <li><a class="nav-link" scene="scene_3">Scene 3</a></li> <ul> <li><a class="nav-link" scene="scene_3.1">Scene 3.1</a></li> <li><a class="nav-link" scene="scene_3.2">Scene 3.2</a></li> </ul> <li><a class="nav-link" scene="scene_4">Scene 4</a></li> </ul> </li> </ul> 功能： function set_active_scene(name){ $("ul.main-menu ul li a").each(function() { $(this.closest('li')).removeClass("active"); if ($(this).attr("scene") == name) $(this.closest('li')).addClass("active"); }); } 我尝试使用 $(this.parents('li')).addClass("active");但它不工作... 任何想法？非常感谢！如果您只想将“active”类添加到活动锚元素的直接父 li 元素，则可以简单地使用parent()。这是修改后的函数： function set_active_scene(name) { $("ul.main-menu ul li a").each(function() { $(this).closest('li').removeClass("active"); // Remove active class from all list items if ($(this).attr("scene") == name) { $(this).closest('li').addClass("active"); // Add active class to the current list item $(this).parent('li').addClass("active"); // Add active class to the immediate parent list item } }); } 通过此修改，只有活动 a 元素的 li 元素的直接父级才会接收“active”类，而不是 DOM 树上的所有父级 li 元素。

javascript jquery parent closest

回答 1 投票 0

parent 相关问题

最新问题