查找最近的父选择器，然后按类查找元素
是一种CSS选择器的操作。在CSS中，可以使用父选择器和类选择器来定位特定的元素。
父选择器是指在选择器中使用符号 ">" 来表示，它可以选择指定元素的直接子元素。例如，如果要查找父元素为div的直接子元素中具有特定类的元素，可以使用以下CSS选择器：
div > .classname {
/* 样式规则 */
}这个选择器表示查找所有父元素为div的直接子元素中具有类名为"classname"的元素，并对其应用样式规则。
这种选择器的优势在于可以精确地选择特定的元素，避免了对整个文档进行遍历查找。它可以提高选择器的性能，并且使样式规则更具可读性和可维护性。
这种选择器的应用场景包括但不限于以下情况：
- 当需要选择特定父元素下的直接子元素时，可以使用父选择器来定位这些元素。
- 当需要对特定父元素下的特定类元素应用样式规则时，可以使用父选择器和类选择器的组合来实现。
腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。这些产品可以帮助用户快速搭建和管理云计算环境，提供稳定可靠的基础设施支持。
以下是腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。产品介绍链接
- 云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务。产品介绍链接
- 云存储（COS）：提供安全可靠的对象存储服务，适用于各种数据存储和传输场景。产品介绍链接
- 云函数（SCF）：提供事件驱动的无服务器计算服务，支持多种编程语言和触发器类型。产品介绍链接
- 人工智能（AI）：提供多种人工智能服务，包括图像识别、语音识别、自然语言处理等。产品介绍链接
请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估和决策。
相关·内容
我想联系突出显示的领域和链接：square1-linkone；square2-linktwo；square3-linkthree；.
下面的代码可以工作，但很麻烦，而且容易出错；有什么方法可以简化许多领域和链接吗？
jQuery
$(function() {
$('.map').maphilight();
$('#linkone').mouseover(function() {
$('#square1').mouseover();
}).mouseout(function() {
$('#square1&#
浏览 0提问于2016-02-24得票数 0
2回答
这更多的是一个概念性问题。最近我发现自己对这种html (示例)更有信心了。
<div id="mainCont">
<div id="mainContFirst">Text <span id="mainContFirstSpan">option</span></div>
<div id="mainContSecond">Other Text</div>
</div>
所有重要的标签都标有一个ID，你可以很容易地写下css：
#
浏览 0提问于2011-03-22得票数 3
回答已采纳
我想使用最近的遍历来选择一个项目，我的html如下所示：
<span id='target'></span>
<a></a>
jquery
assume 'a' = $(this),
then I do $(this).closest('#target');
但似乎没有选择#目标..。这里怎么了？
浏览 7提问于2013-10-26得票数 0
回答已采纳
最近我读到了jquery选择器是如何工作的。它似乎从右到左查看所有内容，例如，$('.myclass span')将在dom中查找所有的span标签，然后检查myclass是否为其中任何一个标签的父类。
我也知道css做的恰恰相反。我知道这两种方式都是非常低效的。
我想知道这是不是有特殊的原因。
以下是我的声明的两个来源：
浏览 2提问于2015-05-19得票数 0
我最近遇到了这样一个css规则：
.csstransforms & th.rotate {
....
}
我不知道.csstransforms &是什么意思，搜索它似乎找不到任何相关的链接。
浏览 3提问于2017-01-27得票数 0
回答已采纳
下面是一个表格的HTML：
<table id="blacklistgrid_1" class="table table-bordered table-hover table-striped">
<thead>
<tr>
<th style="vertical-align:middle">Products</th>
<th style="vertical-align:middle">Pack
浏览 1提问于2014-05-12得票数 0
假设我有下面的html代码。
<div>
<label>Test1</label>
<input type="file">
<a href="#" class="selected-file"></a>
</div>
<div>
<label>Test2</label>
<input type="file">
<a href="#"
浏览 4提问于2016-04-01得票数 0
回答已采纳
我有许多这样的无序列表，它们是通过for循环动态创建的。问题是我不能只针对这个ul中的元素，它已经改变了每个元素的active类。我很难理解什么是兄弟姐妹，什么是表亲等等。我尝试过最近的()，兄弟姐妹()，前一个()，查找()和它们的一些不同的组合，但似乎无法解决。
这是HTML
<ul>
<li><a href="#" class="button active">Option 1</a></li>
<li><a href="#" class="
浏览 0提问于2013-03-21得票数 1
回答已采纳
2回答
假设我有以下标记
<div class="xxx yyy zzz"> <!-- This div is generated by JS and the class names change all the time -->
<div class="aaa"> Hello </div>
</div>
如何在不知道父div的类名的情况下仅使用css来定位父div的CSS？
Ex: parent.aaa { background: #fff; }
浏览 2提问于2013-08-10得票数 1
1回答
我有一个test.htm页面：
<html>
<body>
<div class="partA">
1
</div>
<div class="partB">
2
</div>
<div class="partC">
3
</div>
<div class="partB">
4
</div>
<div cl
浏览 0提问于2011-08-31得票数 1
回答已采纳
我正在使用webdriverjs，我希望获得一个webelement.There的父id是多个类，称为row，但每个类都有一个不同的id。挑战是在发送消息时生成ID。这样我就可以按类获取innerHtml，然后尝试获取Id。我有下面的html
<div class="row" id="4003">
<div class="client-chat">
<p class="client-chat-text">If you have any questions, don’t hesitate to m
浏览 2提问于2017-02-12得票数 0
我正在用PHP和MySQL构建一个包含文章的网站，这些文章中的每一篇都可以包含评论(就像一个典型的博客)。每一篇文章都是这样的
<?php
$blog_id = "1";
include("../includes/blog.php");
?>
所有的代码都在blog.php中。
其意图是，每一页上的评论应该有交替的背景颜色，以清楚地表明，当一个评论结束，另一个开始。我正在使用这个CSS来实现它。
.comment:nth-child(2n+1){background-color:rgba(0,0,0,0.075)}
因此，我的理解是，第一、第三、
浏览 4提问于2022-06-03得票数 2
回答已采纳
我有一个返回新闻文章的.net数据列表，我希望只显示标题，然后单击标题链接显示正文。
这就是我到目前为止拥有的HTML
<asp:DataList ID="dlNewsArticles" DataSourceID="SqlDataSourceNewsArticles" runat="server">
<ItemTemplate>
<div class="news">
<strong><a class="trigger
浏览 0提问于2011-09-30得票数 1
回答已采纳
3回答
当用户单击旁边的链接时，尝试获取最近选择框的值。
在控制台中返回undefined
<select name="songSelection_amclaughlin" class="songSelection_input">
<option value="">SELECT ITEM</option>
<option value="value 1">value 1</option>
<option value="value 2"
浏览 1提问于2014-05-06得票数 0
3回答
<script type="text/javascript">
$(document).ready(function(){
$('.show').click(function(e){
$(this).closest('.b').css('display','block');
e.preventDefault;
});
});
</script>
<style type="text/css">
.b{ display
浏览 2提问于2013-07-22得票数 0
回答已采纳
1回答
我得到了“对象不支持属性或方法‘最近’”错误的IE。我正在使用MooTools。有人能帮我吗..。
var li = $$('.list')[0].clone(true, true);
var NewContainer = li.getElement('div.tile');
NewContainer.removeProperty('style');
NewContainer.set('id', 'container_'+catId);
NewContainer.closest('li').
浏览 2提问于2016-09-16得票数 1
回答已采纳
1回答
我目前正在试图找到这一特定的教科书，并发送它的钥匙。我遇到的问题是我正在尝试使用查找方法。我在这个文本框上尝试了很多变体，却找不到这本教科书。
HTML标签：
<div class="selectize-input items not-full ng-valid has-options ng-dirty"><input type="text" autocomplete="off" tabindex="0" style="width: 187.033px; opacity: 1; position: rel
浏览 5提问于2022-04-15得票数 0
回答已采纳
2回答
我一直相信(尽管我现在怀疑这些信念的有效性)：
div.name
比以下内容更快：
.name
然而，我最近读到，大多数CSS选择器引擎是从右向左读取的，在这种情况下，第一个示例实际上不是更慢吗？因为选择器引擎将简单地找到具有类名称的每个元素，然后必须识别其中哪些是div？
CSS选择器引擎一般以哪种方式读取？从左到右还是从右到左？如果他们通常从右到左阅读，有人能给我一个解释吗(我看不出从右到左阅读对于选择器引擎有什么意义)？
浏览 1提问于2012-04-11得票数 9
回答已采纳
我在代码中看到
$(".add-to-list :select :selected")
使用jQuery，我们有jQuery 1.3.2，但最近升级到了1.4.2。上面的这行实际上是语法错误...它是针对jQuery 1.3.2而不是1.4.2的吗?它能做什么--任何文档--在1.4.2中如何做到这一点？谢谢。
浏览 1提问于2010-11-24得票数 3
回答已采纳
我有一个带有一些样式的td的表格(我放了截图，因为td的内容很大)
现在，我想在这个表中添加一些css，因此我尝试逐个选择它的td，如果它的类是这样的，并应用如下样式：
jQuery(".graTabbedComponentDefaultTabs").parent('table').css('position','relative');
但是什么都没有happens....Do你看到问题了吗？
提前谢谢。
浏览 3提问于2011-04-06得票数 0
回答已采纳
我有一台iFrame。它的所有元素都已加载。无论如何，我不能使用jQuery选择器通过id/class/等的“部分”来选择元素。
这是我的代码：
//Not working
$('#iFrameID').contents().find($('[id^="lodingImg"]')));
//Works
$('[id^="lodingImg"]'))
Dos任何人都知道如果这种类型的jQuery选择器在iFrame中不起作用。我最近读到.live在iframe中也不能工作。所以，我的问题是，如果我做错了什么，或者
浏览 0提问于2012-07-25得票数 1
回答已采纳
7回答
作为jQuery代码()的一个示例，我看到$('#foo a');表达式的行为如下所示：
找到页面中的每个a，然后在#foo中过滤a。
而且看上去效率不高。
对吗？如果是的话，我们应该如何更好地做到这一点？
浏览 12提问于2012-12-03得票数 44
回答已采纳
下面是一个包含许多复选框的复杂表单的一部分...
<div class="listbuilder-column">
<h3 class="con_act_list">Activity</h3>
<ul id="activity">
<li>
<input type="checkbox" id="con_act_1" name="con_act[]" class="con_
浏览 0提问于2012-05-16得票数 0
以下是我最近的尝试：
var aSl = document.querySelector('input[id^="blahblah"]');
aSl.closest("span.k-icon.k-i-expand").click();
它返回：
myjs.js:181 Uncaught :无法读取属性‘最近’的null
我还尝试过用parent.sibling代替上面的.closest --返回'...parent不是一个函数‘的错误。
下面是我的成绩：
<span class="k-icon k-i-expand"&
浏览 2提问于2020-05-26得票数 0
回答已采纳
5回答
我有以下设置：
var el = $("#overParent");
// Do whatever with el here.
var cls = $(".valueElement", "#parent"); // Get elements with class valueElement inside element with id parent
// Do whatever
这是有效的，但我想知道我是否可以让它更快。我知道#parent是#overParent中的一个元素，它已经被选中。我是否可以使用它来只扫描el #overparen
浏览 0提问于2013-01-23得票数 1
回答已采纳
6回答
我有以下标记：
<table class="dogs">
<tr>
<td> <input class="name"> </td>
etc.
我尝试使用以下语句选择input元素：
$('table.dogs > input.name')
但是，我没有得到任何结果。我做错了什么？
浏览 1提问于2010-12-06得票数 0
回答已采纳
我需要做的是匹配所有元素，这些元素有一个子元素，而子元素也有一个特定的类。我已经可以这样做了：
$(this).children().length == 1 && $(this).children('.brclearer').length == 1
但是，有没有更好的/最好的jquery方法呢？
浏览 0提问于2016-02-26得票数 0
我有我写的这段代码，但它似乎不起作用，见下文：
$('#Reserve, #BuyItNowPrice, #featureplate').attr('disabled','disabled');
$('.fake-fieldset .fake-input').css({'background-color':'#e1e1e1'});
$('.enable').click(function(){
if($('.enable:checked')){
浏览 0提问于2011-05-17得票数 0
回答已采纳
4回答
有办法选择DOM的only_child、n-th-child等吗？我知道有一些选择器，如some_tag:only-child、.some_class:only-child、#some_id:only-child，但它们都是基于标记或属性(类、id等)进行选择的。本身的。我想要的是基于父的标记或属性进行选择。
例如，我可能希望选择only-child of .some_class，它是下面带有id B的div，而不是是 .some_class的only-child，它是A。
<div>
<div class="some_class" id="A&#
浏览 1提问于2012-02-22得票数 1
回答已采纳
3回答
因此，我正在构建一个评论系统，并将一堆评论加载到页面中，然后为每个页面生成一个回复框。下面是我的回复框的样子，但是每个页面上都有很多相同的。如您所见，第一部分是包含回复框的切换(显示/隐藏)的div。
我发帖是因为我不能让回复切换到火。
这是我的html：
<div class="col-sm-offset-1 col-sm-11">
<a href="#" id="reply-toggle">
<span class="text">Reply</span>
浏览 6提问于2014-12-31得票数 0
回答已采纳
2回答
我刚开始测试自动化，我需要专家的帮助，他们可以帮助我解决目前的困难。目前有一个web浏览器应用程序，它是基于excel中的测试用例手动测试的。
还有一个自动化框架，它使用Selenium，使用WebDriver，运行在Google上。
使用用于手工操作的测试用例(excel中的测试用例)，并编写另一组测试用例(excel中的测试用例)，这些测试用例只不过是div元素和框架应该做的操作，比如单击或查找框架将理解的内容。
1.首先，我需要手动查找所有元素的每个div id，并将其放入框架所理解的excel中。如何避免这种情况？
2.还出现了一个新版本的应用程序，其中元素的所有div id都需要重新
浏览 3提问于2013-09-04得票数 0
3回答
我有一个问题:为了简单起见，我在div上使用了类，我想在点击后显示一个隐藏的div，但只在那个div上，问题是它在所有div上都显示，而且我似乎不能让它工作，这是一个解决问题的jsfiddle：
HTML：
<div class="left">
<a href="#" class="edit-click">Edit</a>
<div class="edit">
<p>edit here</p>
</div>
浏览 0提问于2012-08-24得票数 0
回答已采纳
我正在使用以下HTML (由codecademy提供)：
<ul>
<li>
<ol>
<li>Start with the function keyword</li>
<li>Inputs go between ()</li>
<li>Actions go between {}</li>
<li>jQuery is for chumps!</li&g
浏览 3提问于2015-10-03得票数 1
3回答
使用jquery选择元素
、、、
我在HTML中有一个对象
<li id="m_delete" data-group="edit" class="m_delete edit-object disabled" data-control="delete" title="Delete"><a href="#"></a></li>
<li id="m_edit" data-group="edit" class="m_edit edit-object
浏览 3提问于2012-07-02得票数 0
我想定位有photo类的图像。然而，nth-child并没有在这个元素上工作。我寻找了很多解决方案，但都不能解决！
.container {
height: 100vh;
position: relative;
}
.irene {
position: absolute;
top: 10%;
left: 10%;
width: 60vw;
}
.irene-img {
position: relative;
}
.irene-img::after {
content: ' ';
z-index: -1;
position: ab
浏览 0提问于2019-08-14得票数 0
我有一个这样的王国：
<div class=main>
<div class="child"></div>
</div>
<div class=main>
<div class="child b"></div>
</div>
<div class=main>
<div class="child"></div>
</div>
<div class=main>
&
浏览 4提问于2015-06-26得票数 1
回答已采纳
3回答
我刚开始使用jQuery，并且在客户的反馈页面中有一个小部件，用于询问姓名、电子邮件和评论/问题部分。我正在尝试通过URL传递值来自动填充电子邮件输入。这部分代码是正确的，并且用var email表示。我试图通过jQuery选择输入，但到目前为止还没有成功，因为输入标记大量嵌入到div中，所有这些div都没有ID。input标记也没有ID，只有type、name和required pattern。
下面是我到目前为止使用jQuery选择输入的代码，以及从网址获取电子邮件的代码：
var getUrlParameter = function getUrlParameter(sParam) {
浏览 0提问于2017-03-14得票数 1
2回答
组件作用域样式-如何根据其在站点中的位置对事物进行不同的样式设置，但仍然保持样式的作用域？假设我使用我们在这门课程中建造的“心脏样”项目，我希望左边有很多填充，但只有当我把这个组件嵌套在built...but的推特列表中时，我才不想要这个填充--如果我在其他地方有这个心脏组件--那么最好的方法是什么呢？每个场景的样式能否仅限于此组件？？
/*
style below are in the heart.styles.css
so these are scoped to heart component.
This acts like global style for this component
浏览 3提问于2016-06-02得票数 2
回答已采纳
1回答
当“拒绝”复选框被勾选时，我正在尝试创建一个下拉列表。我已经用Jquery简单地做到了这一点，但是因为我需要对所有拉入的数据使用该函数，所以它会将类复制到下一行，依此类推，所以当我选中reject按钮时，它会打开所有下拉文本区域来输入原因。我想知道如何在无限数据量的情况下做这个？所以它只会打开一个下拉文本区域。
我在网上读到我可以用php育儿做到这一点？至少可以说，我的PHP技能很弱，有没有更简单的方法来解决这个问题呢？
HTML名称用户名电子邮件验证拒绝
if ($supplier['Id'] != '3') { ?>
&
浏览 1提问于2013-07-31得票数 0
1回答
我已经开始写这些命令行了，但似乎工作正常……
Private Sub Worksheet_Change(ByVal Target As Range)
If Target.Row = Range("Name").Row And Target.Column = Range("Name").Column Then
Dim HTMLdoc As HTMLDocument
Dim downloadLink As HTMLAnchorElement
Dim i As Long
Dim ie As N
浏览 0提问于2018-11-06得票数 1
我试图在其他输入中获得最近的输入字段(subjectId)的值，该字段包含id。但它总是需要最后一个subjectId。
HTML代码：
@foreach($grades As $grade)
<tr class="subjectGrades">
<td class="min-td-size">
<button class="btn btn-default btn-sm pull-left min-margin-right" class="overviewShowSubjectGrades&#
浏览 3提问于2015-09-10得票数 1
回答已采纳
这是选择元素的正确方式吗?它看起来很有效，但代码看起来很丑陋
$(this).parent().parent().siblings('.photoWrap');
浏览 2提问于2011-06-14得票数 0
回答已采纳
这里有一个动态生成的li元素列表(没有任何is )，它们被嵌入到html页面中，如下所示；
<ul class="nav">
<li class="selected"><a id="item1">LOREM IPSUM</a></li>
<li><a id="item2">LOREM IPSUM</a></li>
<li><a id="item3">LOREM
浏览 0提问于2015-06-24得票数 2
回答已采纳
3回答
我正试图理解jquery中find()和最近()之间的区别。下面是我使用jquery的简单代码。*这只是一个虚拟表单。我只想了解他们之间的区别。所以别以为我会用这个简单的表格做什么。*
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
function myFunction(){
var form
浏览 2提问于2017-05-31得票数 9
回答已采纳
1回答
我试图遍历TR:Img并查找该TR是否有类，但是我得到了这个错误：
错误:语法错误，无法识别的表达式：
HTML：
<tr id="ItemDetail:0:parent">
<td>
<a id="itemDetail:0:linkShowHide"
name="itemDetail:0:linkShowHide"
href="javascript:toggleRow('itemDetail:0')
浏览 1提问于2016-04-20得票数 0
回答已采纳
我正试图为有类.open的孩子添加类‘.showme’，我已经尝试了几件事情(prev，prevAll，等等)，但是我做得不对。
这是我的html结构，也是要工作的。如有任何建议，将不胜感激。
<ul class="product-categories">
<li class="sub">
<a href="#">Women</a>
<ul>
<li class=""> <a href=&#
浏览 4提问于2013-09-02得票数 0
回答已采纳
2回答
你好，今晚我花了大约4个小时来做这件事，我不得不把头发都扯光了。我尽量不问足够简单的css问题，但我就是不能掌握列表项，或者更具体地说是子列表项。一条规则适用于我发现的一切。
<li class="parent open">
<span class="parent open"></span>
<a href="/member-tags/forum">Member Tags</a>
<ul>
<li class="parent open">
<
浏览 4提问于2012-12-04得票数 0
回答已采纳
1回答
下面的脚本在点击网页中的锚链接时添加了平滑的scrool效果。
$('a').click(function(){
$('html, body').animate({
scrollTop: $( $.attr(this, 'href') ).offset().top
}, 500);
return false;
});
适用于大多数现代浏览器，包括iOS和安卓的移动浏览器。但是，如果脚本在iframe中运行，iOS上的浏览器不会应用平滑的scrool效果。事实上，锚链接是无用的(如果用户单击其中一个链接，什么
浏览 3提问于2016-01-21得票数 9
回答已采纳
2回答
如何在jQuery中选择某些类
、、、、
问题是，我有两个div，如下面的一个，类名相同，没有id。我需要根据鼠标光标在这3幅图片上的位置修改<h4>标签下面的<h4>文本。通过使用mouseenter()方法，我使用javascript来完成这个任务。问题是，这个方法改变了整个网页上的每一个跨文本，而不仅仅是鼠标光标所在的类名为“父”的类。
<div class="parent">
<div class="parent.child">
<a href="#"></a>
<div
浏览 5提问于2014-01-14得票数 0
回答已采纳
5回答
为了给出一个简化的例子，我在页面上多次重复下面的代码块(它是动态生成的)：
<div class="box">
<div class="something1"></div>
<div class="something2">
<a class="mylink">My link</a>
</div>
</div>
单击后，我可以使用以下命令访问该链接的父链接：
$(".mylink").clic
浏览 4提问于2010-03-08得票数 96
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
