如何只选择具有特定属性的元素？
在前端开发中，我们可以使用CSS选择器来选择具有特定属性的元素。以下是一些常用的CSS选择器：
- 属性选择器：使用方括号来选择具有特定属性的元素。例如，选择所有具有class属性为"example"的元素：[class="example"]。
- 类选择器：使用点号来选择具有特定类名的元素。例如，选择所有具有类名为"example"的元素：.example。
- ID选择器：使用井号来选择具有特定ID的元素。例如，选择具有ID为"example"的元素：#example。
- 后代选择器：使用空格来选择某个元素的后代元素。例如，选择所有在class为"parent"的元素内的class为"child"的元素：.parent .child。
- 子元素选择器：使用大于号来选择某个元素的直接子元素。例如，选择所有在class为"parent"的元素下的直接子元素class为"child"的元素：.parent > .child。
- 伪类选择器：使用冒号来选择具有特定状态或位置的元素。例如，选择所有处于鼠标悬停状态的链接元素：a:hover。
- 伪元素选择器：使用双冒号来选择元素的特定部分。例如，选择每个段落的第一个字母：p::first-letter。
这些选择器可以单独使用，也可以组合使用以选择具有多个属性的元素。根据具体需求，选择器的选择范围可以更加精确。
对于推荐的腾讯云相关产品和产品介绍链接地址，由于不能提及具体品牌商，建议您访问腾讯云官方网站，查找与云计算相关的产品和服务。
相关·内容
我想知道是否可以同时使用元素id和类来选择元素。我知道在css中我们可以用#x.y实现这一点，但是如何在javascript中实现呢？我尝试了下面的代码，它运行得很好，但是所有带有ui滑块句柄类的控件都受到了影响(这是显而易见的)。我认为我需要id和class的组合，这样只有特定的元素才会受到影响。
Javascript
$(".ui-slider-handle").text(ui.value);
浏览 6提问于2012-08-03得票数 0
回答已采纳
我想选择div中具有style属性的所有html。这是fiddle url
var testst = $('div').css('margin');
alert(testst.html());
我不能得到结果。
浏览 0提问于2013-08-31得票数 0
回答已采纳
我有一个从这个表达式中检索的对象：
const element = document.querySelector("...my selector...");
我需要获得所有具有特定属性的子元素，我所知道的获取所有子元素的唯一方法是：
const children = Array.from(element.childNodes);
但是现在children中的每个children都不是，而是，因此，我不能在它们上使用getAttribute('')；
我如何将Node“强制”到Element？或者有更好的方法来做到这一点？
浏览 5提问于2017-12-11得票数 3
回答已采纳
什么样的XPath表达式允许我在一组嵌套的<div>s中找到任意位置的元素，而只有这些元素？
例如，如何查找除此HTML片段中的最后一个元素之外的所有<a>元素：
<div id="0">
<a href="first.com"/>
<div id="1"></div>
<div id="2">
<div id="2.1">
<div id="2.11
浏览 0提问于2020-08-08得票数 1
2回答
我有以下标签
<div class="col *">Text</div>
*是任何东西。
我想使用获取所有包含col属性的div标签(如我的示例所示)。
浏览 3提问于2012-11-23得票数 3
回答已采纳
4回答
我想从html文档中的所有元素中彻底删除title属性。From table、p、img、div等。 目前我这样做： $(document).ready(function(){
$("a").removeAttr("title");
$("img").removeAttr("title");
$("div").removeAttr("title");
// and so on
// and so on
// and so on
}); 有没有更优雅的方式来做这件事？而不选择单个元素？
浏览 49提问于2016-08-22得票数 2
回答已采纳
2回答
解析内部HTML
、、
这就是我要解析的内容
<div class="photoBox pB-ms">
<a href="/user_details?userid=ePDZ9HuMGWR7vs3kLfj3Gg">
<img width="100" height="100" alt="Photo of Debbie K." src="http://s3-media2.px.yelpcdn.com/photo/xZab5rpdueTCJJuUiBlauA/ms.jpg">
</a>
浏览 0提问于2011-07-27得票数 2
回答已采纳
2回答
因此，我试图从这个链接中获得特定的信息：
我不太懂html，所以这对我来说有点难。
我特别想从这里得到信息：
<div>
<span class="dark_text">Studios:</span>
<a href="/anime/producer/2/Kyoto_Animation" title="Kyoto Animation">Kyoto Animation</a> </div>
<div class="spaceit&#
浏览 6提问于2016-11-03得票数 0
回答已采纳
我的XML如下
<?xml version="1.0" encoding="UTF-8"?>
<product>
<admin id="1">
<name>abc</name>
</admin>
<admin id="2">
<name>kkk</name>
</admin>
<product>
这是我的XSLT
<xsl:tem
浏览 5提问于2015-06-15得票数 0
回答已采纳
假设我有：
<div class = "testimonials-wrapper">
<blockquote>...</blockquote>
<blockquote>...</blockquote>
<blockquote>...</blockquote>
</div>
<blockquote>...</blockquote>
<div class = "testimonials-wrapper">
浏览 7提问于2020-05-18得票数 1
回答已采纳
2回答
我最近对CSS选择器做了一些研究，遇到了一个关于新的"data-*“属性的问题。
我知道为了选择具有数据属性的元素，有几种方法：
[data-something='value']{...} // data-something has value = 'value'
[data-something^='value']{...} // data-something has value that STARTS with 'value'
[data-something*='value']{...} /
浏览 0提问于2014-01-20得票数 25
回答已采纳
我有html文档，在这些文档中，我希望目标是具有任何id值的h2标记，而不是没有id的目标h2。我知道用类重写html是一种可能的选择，但现在只尝试更改CSS。
我想以css规则为目标：
<h2 id="one">
<h2 id="two">
但不是同时针对以下目标
<h2>
有什么东西像
h2#[*] { font-size: 12pt}
这样才能做到这一点？我已经搜索了这个网站和其他网站，但没有找到答案。我相信这对于很多人来说都是基本的CSS，但是我很困惑。谢谢，MB
浏览 3提问于2016-12-31得票数 2
回答已采纳
1回答
getvalue(response) {
const videobyte = document.createElement('videoblock');
videobyte.setAttribute('background', response.background);
videobyte.setAttribute('playbut', response.button);
}
在这种情况下，我如何应用显示:无样式‘播放-但’setAttribute？
浏览 4提问于2022-10-25得票数 -1
2回答
我有一个html内容，在这里可以找到：
<li data-id="87dhqsiu37fGyqUNA786d6F7=">
注意数据属性值末尾的=符号
如何使用jQuery选择器选择它？
我尝试过，但没有成功：
$("li [data-id=87dhqsiu37fGyqUNA786d6F7]")
$("li [data-id=87dhqsiu37fGyqUNA786d6F7\=]")
$("li [data-id=87dhqsiu37fGyqUNA786d6F7\u003D]")
$("li [data-id=8
浏览 2提问于2016-05-03得票数 0
回答已采纳
1回答
如何从特定的div中删除通配符*？
例如，在我的css中，我有以下内容
* {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
我不想要一个特定的div，他的内容没有这个类(通配符)。
已经在box-sizing: content-box !important上试过了，但没有成功。
我怎样才能做到这一点？
浏览 2提问于2013-12-26得票数 2
回答已采纳
在那里，我有一段代码，其中有一个：：选择定义。这段代码必须保留。
::selection {background-color:red;}
现在，我要做的是将::selection还原为由用户代理定义的其defaul值。
我尝试过使用诸如初始化和继承之类的值。它们不工作，因为初始值是透明的，并且没有继承值。
因此，我想知道如何才能实现由用户代理定义的默认选择。
浏览 10提问于2015-09-30得票数 0
回答已采纳
我正在学习开发，我正在使用一个名为linter的Atom衬里工具。我有一个简单的javascript文件，定义如下：
linter-jscs无效行中断
$(document).ready(function () {
$('#id_facilitydimselect').chosen();
}
)
;
衬里工具显示如下：
这真的是一个导致我的代码不能工作的错误吗？我似乎无法摆脱它。
我试图使用以下Django模板来使用所选的javascript库，但它没有正确显示。所以，这要么是由于我在下面的错误，要么是一些我没有得到的东西。
<script
浏览 2提问于2018-01-05得票数 0
回答已采纳
我正在使用node-horseman，我正在使用.evaluate()和jQuery在Google上的一个按钮上触发click函数。这是可行的，但它正在影响所有的.delete_button。
每个li都有一个具有唯一值的data-id属性。它是由Google自己创建的，所以我利用它用node-horseman选择了正确的块，通过使用.html()进行测试，它工作得很好，它确实通过给定的data-id选择了正确的块。
jQuery('#manage-alerts-div li').attr('data-id', this.feedID).find('.a
浏览 2提问于2017-02-08得票数 0
回答已采纳
我正在构建一个webscraper，我有以下HTML代码块：
<div class = 'example-1'
<ul class = 'example-2'
<li>
<span title = 'data1' > 155 </span>
/
<span title = 'data2' > 155 </span>
我想在跨栏标题中擦亮数字155
浏览 5提问于2019-11-04得票数 1
回答已采纳
我有一个被禁用的按钮，它也有一个子元素。现在，当按钮是disabled时，我需要跳过disabled按钮及其子元素，但是下面的选择器只是跳过按钮元素，而不是其子元素。因此，当父元素该按钮被禁用时，在我的情况下，应该跳过子元素。下面的选择器应该同时适用于下面的两个按钮。
选择：
//*[(@type='button' or @type='submit' or contains(@class,'btn') or contains(@class,'Button')) and (@data-nw-id='Add Time'
浏览 8提问于2020-05-11得票数 0
回答已采纳
1回答
对于一个项目，我在元素上使用一个自定义属性来指定它们是否有一个自定义模板。我需要根据关键字选择具有自定义模板的元素的能力。我为演示做了一个简化的例子。
因此，例如：
<div jk_template="blue">Blue</div>
<div jk_template="red">Red</div>
<div jk_template="red big">Red Big</div>
我试过：
$('[jk_template="blue"]').c
浏览 2提问于2013-09-03得票数 3
回答已采纳
1回答
以下是一个XML文件的两个部分。
我试图匹配一个名为cutSeven的节点，并选择它的第一个子节点文本。
匹配路径是未知的，因此每个XML在不同位置都有相似的信息。
我正在处理包括这些信息在内的几个XML，我正在为它创建一个自动更新的概述。
输入XML
<Transform>
<param name="originalHeader">
<path>$header</path>
</param>
<param name="cutSeven">
浏览 5提问于2017-09-11得票数 0
回答已采纳
我有几个链接，看起来像这样：
<a href="#" class="somelink rotate-90"> ... </a>
如何将函数绑定到具有以"rotate-“开头的类的所有元素？
浏览 0提问于2010-11-12得票数 7
回答已采纳
我试图显示所有具有特定数据属性设置为特定值的元素，然后隐藏具有相同数据属性但具有不同值的所有其他元素。
我的代码似乎隐藏了所有元素，无论它们是否具有data属性。
$('*').filter(function() {return $(this).data(dataAttr) == dataVal;}).show();
$('*').filter(function () { return $(this).data(dataAttr) !== dataVal; }).hide();
我需要它是动态的，因为我传入了data- attribute的名称和要匹配的值。
浏览 0提问于2013-05-04得票数 0
回答已采纳
伙计们。我正在开发一个将元素包装在容器中的jQuery插件。所以，这一行：
$azureRectangle.container(); //azureRectangle is only an empty div
生成以下内容：
容器由许多新的div组成。好吧，这是我的疑问:我应该如何命名或识别那些创建的div？我应该使用数据属性还是虚构的id或名称？
浏览 0提问于2012-10-01得票数 2
回答已采纳
我有一个<p>Example string</p>，里面有一些文本。我想使用css来搜索该段落中的一个单词。
我知道这是可能的，如果你有<a href="test"></a>，那么你所要做的就是：
a[href*="test"]{}
但是当我尝试这样做的时候，我的段落似乎不能正常工作。我试过了：
[p*="string"]{}
p[*="string"]{}
浏览 0提问于2013-07-21得票数 2
回答已采纳
1回答
我试图在一个对象元素上附加一个javascript函数，这个对象元素是通过wordpress插件动态生成的，它只使用一个元素名称而不是一个Id来生成，我尝试这样做：
<script type="text/javascript">
$(document).ready(function() {
$('#selector').gentleSelect(); // apply gentleSelect with default options
});
</script>
但是，由于元素没有ID属性，只有名称属性，我如何才能使此函数工作！
浏览 0提问于2014-06-03得票数 1
我在尝试使用XPath表达式选择XML的所有元素时遇到了一些困难，除了那些没有属性的元素之外，所有元素都是这样。
我尝试了下面的XPath表达式
//book[not(@*)]
但这只适用于书籍元素。如何为整个XML文档制作它？
Update/clarification:
<root>
<node lang="eng"> Hello how r u </node>
<node lang = "urdu">mera dost </node>
<node lang ="itally
浏览 3提问于2014-04-01得票数 2
如果这是一个愚蠢的问题，那么很抱歉，我对编码有点新手，但我正在尝试编写一个通用的抓取器，用于使用"schema.org/ product“HTML微数据获取一些产品数据。
然而，我在测试()时遇到了一个问题，因为存在具有不同项类型/模式的祖先元素。
我首先声明了这个变量，以检查页面是否有使用Product模式微数据的元素。
var productMicrodata = document.querySelector('[itemscope][itemtype="https://schema.org/Product"], [itemscope][itemtype=&
浏览 3提问于2020-03-10得票数 1
1回答
[draggable] {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
该拖放是否指任何可拖的元素？如果不是，这意味着什么？我看到用户选择正在设置，这样文本就不会意外地从评论告诉我的内容中被选中。
浏览 0提问于2013-10-05得票数 3
回答已采纳
1回答
在一定深度范围内选择ul
、、、
ul, ul ul, ul ul ul {
list-style: none;
margin: 0;
padding: 0;
}
问题：有选择器，所以我可以使用它为每个n深度ul应用样式。
例如：
ul > ul
浏览 2提问于2015-06-17得票数 8
我想知道是否有人有使用testcafe中的选择器查找列和行的经验 我想按行和列选择这个元素，可以吗？ <td class="text-left" style="background: #5594AA;margin: 0px;padding: 0px;" row="0" col="Monday"><!--!--><!--!--><!--!--> <button class="btn btn-sm dx-btn dx-btn-text rtv-cell-fi
浏览 13提问于2021-04-13得票数 1
我知道我的标题可能有点混乱，也许有人可以推荐一个不同的标题。
所以不管怎样，我正在学习一些Jquery，我想让我们用它来验证表单，我将展示代码，然后提出问题。
表格：
<form action="" method="POST">
<ul>
<li>
<label for="market_1">Market: </label>
<input type="text" name="market
浏览 3提问于2013-03-26得票数 0
回答已采纳
我正在尝试操作具有"email“属性的span，这是我的代码：
var spans = document.getElementsByTagName("span"),
index, node, emailAttr;
for (index = 0; index < spans.length; ++index) {
node = spans.item(index);
emailAttr = node.getAttribute("email");
if (emailAttr) {
// Do somethin
浏览 1提问于2011-10-24得票数 0
我只理解toAdd的声明和.val();的作用，但是谁能解释一下$('input[name=checkListItem]')是什么意思？
浏览 0提问于2015-06-15得票数 0
救命！！.我不能动态地访问用户输入到Input字段的数据！
我是一个课程设计者，试图做一个‘匹配’-活动(18-questions-with-18-scrambled-up-possible-answers)，，在这个过程中，答案被动态地划掉，1乘1，因为他们被学生‘用完’，每当他在输入字段中输入那个选择的字母(在这里是"r")时。下面是这18个匹配中的一个的HTML：(提示:注意"id"-attributes)
HTML
<input title="Question 18 - type 'R' into this input fi
浏览 3提问于2016-07-16得票数 1
回答已采纳
我有一个xml，我想搜索“相似”的结果，类似于LIKE在SQL中所做的工作。我想做一些像$(xml).find('regexHere')这样的事情，但我不知道如何去做。如果这不是最好的方法，你能推荐点别的吗？我需要搜索的数据在节点的参数范围内。
编辑
$(xml).find('[cityName=Rio de Janeiro]')准确地给出了我要搜索的节点，因为它是完全相同的字符串。但是，如果我搜索Rio，我就得不到任何结果，即使里约热内卢和里约热内卢的节点都有我想要的字符串。
我试着在没有运气的情况下使用$(xml).find('[cityName|=
浏览 5提问于2011-08-31得票数 2
回答已采纳
我正在尝试使用jquery来检查是否每个输入字段都已经填写完毕。如果是，我想在表单周围做一个绿色边框。
这是我的方法：
if($('input:text[value=""], textarea[value=""]').length == 0){
alert("DONE");
}
无论怎样，value="“-Selector都不能工作。
根据firebug，value-attribute似乎只包含输入字段的默认值，而不包含用户插入的实际内容。
这个命令提醒我实际的内容：
$('input:text[value
浏览 0提问于2013-07-16得票数 0
回答已采纳
4回答
我需要应用一个工具提示插件到我的页面上的一堆不同的元素。与jQuery选择器一起使用的唯一公共属性是它们都有一个title属性集。
我试着用$('[title=*]')作为选择器，但这不起作用。
浏览 2提问于2010-06-14得票数 28
回答已采纳
我有动态创建的模型和随机ids，这是完美的。
但是我需要在span标记中添加一个eventListnener，这样我就可以关闭被单击的span标记的模式。
我用这段代码完成了一个跨标记的工作。
$('div[id^="myModal_"] span').on('click', function() {
$(this).parent().parent().parent().parent().hide();
})
但是，当我单击另一个span时，我的模型都关闭了，因为它在DOM层次结构中处于更高的位置，并且没有四个父元素。
我的整个代码看起来
浏览 2提问于2017-10-26得票数 1
回答已采纳
2回答
我有以下从我的数据库中提取的信息。
function start(){
$.get("map_process.php", function (data){
$(data).find("marker").each(function (){
var name = $(this).attr('name');
var verified = $(this).attr('verification');
+ others...
)};
)};
}
最终，这些工具被用来创建谷歌地图的标记。这很好，并为db
浏览 0提问于2014-10-19得票数 0
1回答
切换图元的隐藏标签
、、、
如何检查元素是否有标签并调用切换函数来显示它？
尝试这样做：
if($('label').attr('for') == $(this).attr('name')) {
alert($('label').attr('for') == $(this).attr('name')); // displays true if hidden or displayed
$('label').attr('for='+$(this).attr('name'
浏览 1提问于2011-04-14得票数 0
回答已采纳
在jquery中，如何引用具有特定title属性的div？
$('#inner').attr("title:contains('" + position +"')").css('position', 'absolute');
这对我不起作用，如果包含不能在那里工作，我如何引用一个带有title="div1“的div并改变它的css。再次感谢！
编辑:我有多个#内部div，如果title不起作用，我如何引用一个特定的div？一定有办法给这些#内部div一些标识，这样我就可以单独调用它们了。
浏览 4提问于2010-07-13得票数 1
回答已采纳
2回答
我想问一下，如何使用名称隐藏特定字段。例如：
<input type="text" name="when_is_escrow_set_to_close" class=" regular-text" value="" />
我想隐藏此字段。在带有id和类的普通jquery中，我们通过以下方式隐藏它：
$('.classname').hide();
但是，当我们需要按名称调用选择器时，如何使用相同的查询。
谢谢
浏览 0提问于2013-11-19得票数 3
回答已采纳
你好，如果我的英语不好，很抱歉..
我学习Jquery已经有4/5天了，我正试着在我制作的一个页面中使用它。我正在尝试创建一个非常简单的动画，其中使用id=#opacity的图像的一些属性会随着鼠标悬停而改变，然后使用mouseleave恢复到正常状态。
现在.。使用另一个#id作为选择器，在本例中为(#p)，当鼠标悬停时，每个单独的图像都可以正常工作，改变其不透明度。如果我删除另一个选择器，那么只有第一个图像可以工作，其他的就不行了。也许这是一个愚蠢的问题，但我真的是jQuery的新手。
太感谢了。
$(document).ready(function(){
animazio
浏览 0提问于2013-02-20得票数 0
我的表单应用程序正在读取提要，而内容提供商希望使用HTML
最好的方法是利用CSS，但是我还不能确定如何定位一个元素
例如，像这样设置文本颜色没有问题：
.newsPageBody {
color: pink;
}
工作正常。然而，这并不是：
.newsPageBody h1 {
color: green;
}
有没有办法做到这一点，而不是标记整个传入的提要？
浏览 3提问于2021-05-27得票数 0
2回答
我刚碰到一个抓人的地方，我不太清楚为什么这不管用。我想找到属性“视频”的所有元素。
我的XML文档如下所示：
<MainMenu>
<div id="BroughtInMenu">
<div class="menuItem0">
Menu Item
<div class="subMenu0">
<div class="menuItem1">
Dictation
<div cl
浏览 0提问于2014-10-12得票数 0
回答已采纳
使用XPath，如何选择没有属性的节点(属性计数= 0)？
例如：
<nodes>
<node attribute1="aaaa"></node>
<node attribute1="bbbb"></node>
<node></node> <- FIND THIS
</nodes>
浏览 4提问于2009-08-24得票数 103
回答已采纳
2回答
我有一个全局表，其中将包含几个网址，并试图添加一个类，以匹配当前网站的网址，但卡住了。有谁能给我个提示吗？
我最接近的是jQuery，它可以处理文本，但不能处理变量。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var url = window.loc
浏览 0提问于2020-04-18得票数 0
给定的
<catalogue>
<produits>
<produit id="pdt1" libelle="produit 1" cat="PDT">
<metas date="2015.07.24">
<meta code="123456" value="123456">
<meta code="789012" value="ghijkl"&g
浏览 1提问于2017-10-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
