如何迭代不同元素类型的选择器？
在前端开发中，我们可以使用不同的选择器来选取页面中的元素。迭代不同元素类型的选择器可以通过以下几种方式实现：
- 使用通用选择器（*）：通用选择器可以选取页面中的所有元素。通过遍历所有元素，可以对不同类型的元素进行迭代操作。然而，这种方式可能会导致性能问题，特别是在页面元素较多的情况下。
- 使用标签选择器：标签选择器可以选取指定类型的元素。通过使用不同的标签选择器，可以迭代不同类型的元素。例如，使用
div选择器可以选取所有<div>元素，使用p选择器可以选取所有<p>元素。 - 使用类选择器：类选择器可以选取具有相同类名的元素。通过为不同类型的元素添加相同的类名，可以迭代这些元素。例如，为所有
<div>元素添加类名element，然后使用.element选择器来选取这些元素。 - 使用属性选择器：属性选择器可以选取具有指定属性的元素。通过为不同类型的元素添加相同的属性，可以迭代这些元素。例如，为所有
<input>元素添加属性data-type，然后使用[data-type]选择器来选取这些元素。 - 使用伪类选择器：伪类选择器可以选取具有特定状态的元素。通过使用不同的伪类选择器，可以迭代不同类型的元素。例如，使用
:hover选择器可以选取鼠标悬停的元素，使用:checked选择器可以选取被选中的元素。
总结起来，迭代不同元素类型的选择器可以通过通用选择器、标签选择器、类选择器、属性选择器和伪类选择器来实现。根据具体的需求和场景，选择合适的选择器进行元素迭代操作。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（TBC）：https://cloud.tencent.com/product/tbc
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
3回答
我有一个文本框.the id是account___abc.the id将动态生成one.my问题是如何使用jquery在一个完整的表单中选择以__abc结尾的id？
浏览 5提问于2014-03-05得票数 1
回答已采纳
1回答
我正在尝试让多个进度条同时显示动画，但要设置不同的值。使用下面的HTML和jQuery，两个栏都指向相同的结束值。
<progress id="progressbar" value="50" max="100"></progress><span class="progress-value">0%</span>
<progress id="progressbar" value="30" max="100"></progr
浏览 3提问于2014-02-11得票数 2
使用：
函数(MySelector)开始(.dragabble:jQuery( e，ui ){})
on start函数: start事件给出了从MySelector拖动当前拖动元素的$(this)，这是正确的。
如何循环MySelector中的每个元素，这样我就可以编写额外的代码来处理这些其他元素。实际上，我问，函数( e，ui )中的对象名称是什么?我可以获得MySelector的元素列表，这样我就可以在列表上循环。
如果我使用className，它会“记住”所有不在当前“MySelector”中的元素。
浏览 2提问于2019-08-23得票数 0
我希望在jquery循环中使用一个函数数组ins，并将参数传递给可悲的函数。
就像下面这样。
var test = function(x) { return x+1;};
var test2 = function (x) { return x+2};
var mark = [test,test2];
mark.each(function() { $(this)(3)});
预期结果
4.
5
我怎样才能做到这一点。
回答的工作例子
var test = function(x) { return x+1;};
var test2 = function (x) { return x+2;
浏览 2提问于2013-11-07得票数 1
回答已采纳
3回答
操纵div的关键帧
、、、
好久没有发帖了。
无论如何，我正在搜索我的主题，我得到了这个。
$(window).keyup(function(e) {
if (e.which === 8) {
$('.ilol'). fadeOut();
}
});
它工作得非常好。但是，当我将窗口更改为class或id时，它不再响应。
浏览 3提问于2014-10-13得票数 1
我正在尝试提取具有以下格式的表
当我想要提取的时候，我应该把一些字符放在位置图标上，或者我不想那样做，情况也是好的。
但是UIPath带来了这种方式..。78,59,237806都是一篇误导性的文章。如何解决这个问题。
谢谢
浏览 21提问于2022-02-22得票数 1
回答已采纳
1回答
不知何故，我很好奇，为什么CSS会创建两种方式来访问属性，我知道我们大多数人都使用选择器:hover，:visited等。但也有一些选择器可以使用属性选择器访问，例如：:disable，:readonly等。
用选择器代替属性选择器有什么好处吗？
感谢之前:)
浏览 0提问于2015-10-15得票数 0
我有一个使用jQuery的语句，如下所示：
jQuery("#page>ul>li:last>a").click();
我如何在Prototype中做到这一点呢？
浏览 0提问于2011-09-19得票数 1
回答已采纳
如何使用CSS声明？
这样：
div#main_content {
width: 900px;
border: 1px solid #CCC;
margin: 20px 0 20px 0;
padding: 40px;
overflow: hidden;
}
或者这样：
#main_content {
width: 900px;
border: 1px solid #CCC;
margin: 20px 0 20px 0;
padding: 40px;
overflow: hidden;
}
在sublime tex
浏览 2提问于2012-08-03得票数 0
回答已采纳
2回答
我不确定我是否理解正确。在CSS中设置样式时，如下所示：
body {
}
我指的是一个属于HTML的元素。当我写这样的代码时：
.body {
}
我指的是我给出的一个类名。这是正确的吗？
浏览 1提问于2014-03-13得票数 2
2回答
我有一套div，我希望每三台都没有右边的空白处。很自然，我认为div:nth-child(3n)会起作用。事实并非如此。我做了一些研究，在计算影响的时候，它似乎是在计算父div中的所有元素。其结果是，它的目标不是三分之一的div，而是每三个恰好是div的元素。要详细说明，请看一下这个。
<style type="text/css>
div:nth-child {
background-color: blue;
color: white;
}
</style>
<h1>Hello World</h1
浏览 0提问于2014-07-31得票数 3
回答已采纳
1，$.each(a,f);
2、$("a").each(f);
我知道最后一行的意思，它表示文档中的所有<a>元素。然后调用each()方法，然后为每个选定的元素调用一次函数f。但是我不知道第一个是什么意思？那它有什么用呢？谢谢。
浏览 3提问于2011-07-14得票数 1
回答已采纳
2回答
$('.checkbox').on('change', function() {
$('.pagination').hide();
$('.callout').hide();
$('.checkbox').each(function() {
if ($(this).prop('checked') === true) {
var checkboxName = $(this).val();
$('.callout').each(function
浏览 0提问于2016-07-22得票数 0
回答已采纳
我有这个密码
lst = ["Appearence","Logotype", "Catalog", "Product Groups", "Option Groups","Manufacturers","Suppliers",
"Delivery Statuses","Sold Out Statuses", "Quantity Units", "CSV Import/Export", "Countries&#
浏览 2提问于2016-11-24得票数 0
回答已采纳
如何在HTML(a)中添加(URL)
var gm = document.body.innerHTML.match(/id=\d+.+على.+id=\d+/g);
for(var i=0;i<10;++i)
window.open('/game.php?village=' + gm[i].match(/id=(\d+)/g)[0].replace("id=",'') + '&screen=place&target=' + gm[i].match(/id=(\d+)/g)[1].replace("
浏览 3提问于2014-09-06得票数 0
回答已采纳
例如:我有这样的元素：
<div id="foo" class="my-foo"></div>
如果我点击chrome控制台中的"+“按钮
Chrome会“建议”通过它的id来选择div，而不是通过class，如下所示：
div#foo{}
通过ID设置元素的样式是不是有点不正确？
浏览 8提问于2018-09-06得票数 1
为什么像Bootstrap这样的普通工具包不直接针对按钮标记，而是定义像btn和btn这样的类--默认的呢？
我不明白为什么<button class="btn btn-default">比<button>更好。是否有技术原因选择类而不是标记，还是仅仅是代码样式的问题？
编辑:我知道btn类可以在其他元素中重用，但是为什么不将它默认地应用在按钮标记上呢？
浏览 0提问于2019-02-22得票数 0
回答已采纳
我正在学习C++使用加速C++由Andrew和BarbaraE.Moo。在练习8-2中，作者要求我们实现一些库算法，其中包括相等算法.
以下是我写的：
template <class In>
bool my_equal(In b,In e,In d)
{
for (;b!=e;++b,++d)
if (*b!=*d) return false;
return true;
}
当我检查实现时，我发现我的实现几乎相同，除非它们使用不同的类来参数化b、e和d。有人能解释为什么这是必要的吗？
浏览 0提问于2019-08-19得票数 0
回答已采纳
3回答
CSS对象解析
、、
如果CSS中的两个类具有相同的派生类，那么CSS如何解析正确的类？
例如：
.ClassA.Left {}
.ClassB.Left {}
.Left {}
既然类‘左’可以应用于任何对象，我怎么能确信它是我想要的呢？绑定“左”的优先级是什么？
浏览 1提问于2013-09-21得票数 0
回答已采纳
$('a#actionLifeEnforcement').click(function() {
if(!validateSelectedRightsType()){
return false;
};
if ($("input:checkbox:checked").length == 1) {
$("input:checkbox:checked").each(function() {
$('<input>
浏览 1提问于2014-04-02得票数 0
回答已采纳
3回答
我想知道是否有比我发现的更好的解决方案，而不是改变html结构。
HTML结构如下所示
<div class="wrap">
<div class="divider"></div>
<div class="block"></div>
<div class="block"></div>
<div class="divider"></div>
</div>
所以在同一层有不同的DIVs
浏览 0提问于2013-04-03得票数 12
回答已采纳
2回答
有没有办法让CSS文件只有一个类，比如说p.one{p.one:red；}
并将其应用于不同的标签？如果可能的话，有没有办法给我举个例子呢？
浏览 2提问于2012-10-18得票数 0
我有这个密码
$('.pBwarn div').filter(function(index){
return parseInt(this.innerHTML) > 60;
}).addClass("pB_yellow");
$('.pBwarn div').filter(function(index){
return parseInt(this.innerHTML) > 80;
}).addClass("pB_red");
想知道它是否有用吗？或者用另一种方式来实现这一点。
当百分比大于60时，我希望
浏览 5提问于2013-08-26得票数 3
回答已采纳
2回答
如何处理多个迭代器类型
、、、
我有一个自定义的数据结构，可以通过多种方式访问。我想尽量保持这个数据结构，以保持STL-标准和可能。所以我已经有很多类型，给模板参数STL-名称。现在对我来说一切如常。
但是，我不太确定如何正确地将迭代器添加到数据结构中。我面临的主要问题是，数据结构上会有多个迭代策略。最简单的用例是对所有元素进行迭代，这些元素将由数据结构上的符合STL的迭代器很好地处理。但是，您也可能希望访问元素，这些元素在某种程度上类似于给定的键。我还想以一种我可以与STL接口的方式来迭代所有类似的元素。
到目前为止，我一直在考虑以下几点：
Provide只有一种类型的iterator
这就是std::map所做的基本工作
浏览 5提问于2011-12-16得票数 4
回答已采纳
1回答
我知道如何迭代一个选择框的多个选项：
$("#selectId > option").each(function() {
alert(this.text + ' ' + this.value);
});
但是，我如何迭代一个特定类的所有复选框，然后遍历它的所有选项。我想使用$(this)。
到目前为止，这就是我所能做的，显然是行不通的。
$('.mappingSelectField').each(function(){
var selectName = $(this).attr("name");
浏览 1提问于2015-08-04得票数 1
回答已采纳
2回答
通用选择器*会影响伪元素如:before和:after吗？
让我举一个例子：
当这样做时：
* { box-sizing: border-box; }
.上面的声明不也自动包含/影响伪元素(如:before和:after )吗？
或者，为了影响像:before和:after这样的伪元素，必须声明这一点吗？
*, *:before, *:after { box-sizing: border-box; }
这有道理吗？
我一直只使用* { box-sizing: border-box; }，从来没有遇到过任何伪元素的问题。但是我看到很多教程在做*, *:before, *:after，但它们从未
浏览 4提问于2014-07-17得票数 26
回答已采纳
1回答
我想要css作为我的数据属性。我知道如何做之前和之后，但这不是为前和后。我将是我的图片标题，我想改变那个颜色，字体大小，字体系列等等。
<a href="products/Comfo-Back-Adirondack-Chair.jpg" class="ilightbox" data-caption="Adirondack Chair, PATC2400, Size : 32” W x 36” D x 40” H"><img src="products/th/Comfo-Back-Adirondack-Chair.jpg&
浏览 2提问于2014-03-26得票数 1
回答已采纳
我想用C# + Selenium编写角度输入文本字段的自动化测试。问题是UI中关于角应用程序的书面文本在DevTools中是不可见的，在输入中是不可见的，因此自动化测试无法通过CSS选择器或Xpath到达。在自动化测试中如何在DevTools中达到该文本？
浏览 2提问于2021-12-03得票数 0
回答已采纳
2回答
在页面上有一个图表。
在这里，我只能定位图表边界元素//div[@data-chart_id='product_cannabinoids']，但是我无法在其中定位rect、svg或g元素。
我在F12中看到了所有这些元素，但是没有任何像//div[@data-chart_id='product_cannabinoids']//svg或//div[@data-chart_id='product_cannabinoids']//rect这样的元素能给出更多信息。
我想这是某种JavaScript动态元素，但它们仍然不是伪元素。它们看起来像常规元素！
浏览 1提问于2021-04-25得票数 0
回答已采纳
如何通过UiPath读取excel工作表并将单元格值放在不同的文本字段中？
我有一张excel表格如下：
我已经阅读了excel内容，并在以后对内容进行迭代，我将内容存储在Output Data Table中，如下所示：
读取范围-输出：
- DataTable: CVdatatable
输出数据表
- DataTable: CVdatatable
- Text: opCVdatatable
截图：
最后，我想在迭代中读取opCVdatatable，并将它们写入文本字段。因此，在所需的输入文件中，我提到了需要的opCVdatatable或op
浏览 1提问于2019-02-15得票数 2
回答已采纳
我需要从jquery获得独特的结果，以便使用同一个类显示不同的高度。下面是我在jsFiddle上修改的一个示例：一段显然比另一段高，但结果是相同的。我知道可以在.click或.hover事件中使用" this“，但我不知道如何让它在这种情况下工作。你能帮帮我吗?
$(window).ready (function(){
$("div").text($("span").outerHeight(true));
});
浏览 3提问于2013-09-04得票数 1
回答已采纳
2回答
在数学中，操作顺序提供了哪些操作优先的基本大纲，并提供了括号作为重写顺序的一种方法。例如，x + y * z = x + (y * z)但是x + y * z != (x + y) * z。
在CSS中有实现这种效果的方法吗？哪个选择器优先，我如何强制低优先级的选择器优先？
浏览 7提问于2017-08-08得票数 0
回答已采纳
我有这个：
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>My Social Network</title>
</head>
<body>
<div id="best_friend" class="f
浏览 2提问于2015-05-21得票数 3
回答已采纳
我正在学习CSS选择器的特性，并遇到以下示例。我想不出，哪个CSS选择器对另一个CSS有更高的特异性？
1.示例：
p#largetext
body p#largetex
2.示例：
p.largetext ul li
p ul li a
CSS的特殊性是如何相互作用的？为什么一个人更高，一个人更低？
浏览 1提问于2016-01-21得票数 1
回答已采纳
3回答
我刚开始使用c++ stl，我无法理解error...your的帮助是非常感谢的。
int count = 0 ;
while (!s.empty())
{
s.erase(--s.end());
set<int >::iterator it;
for (it = s.begin(); it != s.end(); it++)
{
if (*it > 0)
* it -= r; //*error : expression must be modifiable lvalue
浏览 4提问于2019-10-13得票数 0
回答已采纳
我有几个id，它们的名称分别是test1、test2、test3、test4，我的jQuery如下：
jQuery(document).ready(function() {
jQuery('#test').jcarousel({
//something
});
});
我还有以下代码：
jQuery.get(
'allmovieloader.php',
{
firs
浏览 0提问于2011-04-04得票数 0
回答已采纳
我有一个具有不同html输入字段的表单..。
1) <input type="text">
2) <textarea></textarea>
3) <input type="checkbox">
4) <input type="radio">
5) <select></select>
我如何能够确定它使用jQuery的输入字段的类型。例如:如果我想检查是否输入= "select“，那么就做一些事情。
浏览 3提问于2012-06-26得票数 10
回答已采纳
2回答
我希望做到这一点： .LoanAppLine:nth-of-type(5) tr {
...
} 但在JavaScript中。我试过了，但不确定如何让它工作。 document.getElementsByClassName('LoanAppLine')[5] tr.style.display = 'none'; 我只想更改嵌套tr中的CSS。
浏览 16提问于2020-10-31得票数 3
回答已采纳
我正在尝试使用UIPath 从下面的URL提取数据。
我的要求是在UiPath中为全球、美洲、.生成5个数据。等从上面的链接。
在这里，我使用数据刮5次提取全球，美洲，。UIPath中5个不同数据表的etc数据。
是否有任何最简单的方法来完成这个任务，比如一次执行Datascraping并生成5个数据表？
浏览 0提问于2018-10-25得票数 0
回答已采纳
3回答
我有下面的代码片段(您可以在这里运行：)
#include <iostream>
#include <set>
#include <map>
int main()
{
std::set<std::pair<const int, const int>> const mySet{{0,0}}; // value_type = std::pair<const int, const int>
for (std::set<std::pair<const int, const int>>::
浏览 3提问于2020-10-28得票数 2
回答已采纳
我的问题是，您是否可以只调用一个javascript函数并影响两个html下拉列表？
javascript代码：
document.getElementsByClassName("cmbRecom")
html代码：
<Select name="drop1" class="cmbRecom" >
<option>Check Fields</option>
</Select>
<Select name=
浏览 0提问于2014-02-24得票数 0
我知道我们可以在CSS中为文本框、文本区、按钮等提供样式和定位，使用"Class“、"Id”等属性来标识元素。
我的问题是:我们如何决定何时使用特定属性？使用一种方式比使用另一种方式(class、Id和其他)有什么优势吗？为什么我们有多种方法来识别元素？为什么没有一种标准的方式来识别，比如"Id"？
提前感谢
浏览 0提问于2012-03-21得票数 1
回答已采纳
这是我的代码(戈朗)
func main() {
names := []string{"1", "2", "3"}
for index, name := range names {
println(index, name)
}
myMap := map[string]string{
"A": "Apple",
"B": "Banana",
"C": "Charl
浏览 5提问于2016-03-11得票数 5
回答已采纳
我的html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>@ViewBag.Title</title>
<link href="../../bootstrap/css/bootstrap.css
浏览 2提问于2013-08-16得票数 0
回答已采纳
3回答
我试图用div的所有直接子元素填充一个数组。示例：
<div>
<span></span>
<a></a>
</div>
应产生一个包含span和a的数组
我将如何实现这一点？
我尝试过var elements = $('.thediv').children();，但似乎不起作用。
另外，我如何在这种函数中使用这些信息呢？
$("element1"，"element2"，"element3")取决于数组的结果？
真的很感谢你的帮助！我对这件事有
浏览 0提问于2011-08-18得票数 0
回答已采纳
1回答
我的html标题有：
<meta http-equiv="X-UA-Compatible" content="IE=7" >
在javascript中，我使用：
showButtons: function() {
$$("#score-window .buttons")[0].show();
},
在不包括IE9、10在内的所有浏览器中，它的工作原理都很完美。在IE9中，10第一次函数调用是可以的，但下一次调用失败，因为$$返回“未定义”，调用show()破坏了代码。
更新项目中包含的原型1.6.0.2。
浏览 3提问于2013-03-01得票数 0
回答已采纳
1回答
是:根真的没用吗？
、、、
我知道:root可以用来为HTML选择html标记，也可以为svg文件选择svg标记(关于XML文件的样式，这是非常奇怪的事情，对我来说也不适用)，但我认为更喜欢:root而不是html或svg选择器是没有意义的。对于使用:root的我来说，为HTML和SVG应用相同的样式似乎很奇怪。我相信这是不现实的情况。
:root i 的唯一有效应用程序是它可以用来覆盖html样式(因为伪类选择器比类型选择器具有更多的优先级)，但是为了避免这种需要，我将经常避免重写html并放置特定的CSS文件链接。
因此，问题是:在:root的实际应用中，它不仅仅是html (或SVG文件的svg )的一个奇怪的替代
浏览 4提问于2017-07-29得票数 3
回答已采纳
1回答
我对jQuery非常陌生，我正在努力寻找解决问题的最实用的方法。目前，我的工作，但我知道我可以简化，使它更实际。我只是不知道该怎么做。
，这是我的jQuery .
var hl1 = data.headlines[0,0].headline;
var hl2 = data.headlines[0,1].headline;
var hl3 = data.headlines[0,2].headline;
var hl4 = data.headlines[0,3].headline;
var hl5 = data.headlines[0,4].headline;
var hl6 = data.hea
浏览 3提问于2012-07-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
