如何获取div的第一个子元素的属性？
要获取div的第一个子元素的属性，可以使用以下方法：
- 使用JavaScript的querySelector方法结合CSS选择器来获取第一个子元素的属性。例如，假设div的id为"myDiv"，子元素为p标签，想要获取p标签的属性，可以使用以下代码：
var firstChild = document.querySelector("#myDiv > p");
var attribute = firstChild.getAttribute("属性名");其中，"属性名"是要获取的属性名称。
- 使用jQuery库来获取第一个子元素的属性。首先，确保已经引入了jQuery库文件。然后，可以使用以下代码来获取第一个子元素的属性：
var attribute = $("#myDiv > :first-child").attr("属性名");同样，"属性名"是要获取的属性名称。
以上方法适用于获取div的第一个子元素的属性。根据具体的需求和场景，可以选择适合的方法来实现。
相关·内容
如何使用jQuery选择Bar，这是div.page中第一个p元素的第二个子元素
谢谢!
<div class="page">
<h4>Hello</h4>
<p>
<b>Foo</b>
Bar
</p>
<p>
<b>Hello</b>
World
</p>
</div>
浏览 1提问于2016-06-30得票数 0
回答已采纳
我有一个特殊的场景，需要将事件动态绑定到某个类的第一个子元素上。例如，我有一个div：
<div></div>
然后我将click事件绑定到它的第一个'.button‘子元素上：
$('div').on('click', '.button:first', function (event) {
alert($(event.target).text());
});
稍后将创建子元素：
$('div').append(
"<span class='button'
浏览 0提问于2013-03-19得票数 1
回答已采纳
我试图从多个div中删除第一个子(span)的类名。
以下是html代码：
<div class="ui_column is-9">
<span class="name1></span>
<span class="...">...</span>
...
<div class ="ui_column is-9">
<span class="name2></span>
<span class=".
浏览 1提问于2021-12-26得票数 3
回答已采纳
是否可以使用css获取此结构中的第一个子项和最后一个子项？动态的东西，按钮的数量可以增加减少。
<div class="z-vlayout-inner">
<button type="button" id="f6wP40">Textures</button>
</div>
<div class="z-vlayout-inner">
<
浏览 3提问于2015-07-01得票数 0
据推测，jquery对象可以从字符串中初始化。在处理ajax结果时，这通常会发生，例如，我试图复制
然而，我看到了一些奇怪的行为：
function test() {
var content = $("<html><body><div>hello</div><div>world</div></body></html>");
alert("content.text() = " + content.text());
alert("conte
浏览 3提问于2015-05-03得票数 6
回答已采纳
我很好奇为什么第一个子对象返回以下代码中未定义的对象？如果省略child = child.nextSibling;
如果我在下一行调用nextSibling，它可以正常工作。
divs = $('.post')
for(ind in divs){
div = divs[ind];
var child = div.firstChild;
child = child.nextSibling; //omitting this causes undefined
alert (child.innerHTML);
}
html
.....
浏览 4提问于2016-05-12得票数 0
这应该很容易，但我做不到。
我有一个id为"LeftScrollableDiv“的div元素，我正在尝试查找它下面的第一个子元素：
$("#LeftScrollableDiv:first-child");
<div id="LeftScrollableDiv:first">
<table></table>
</div>
但是结果是空的。有什么帮助吗？？
浏览 0提问于2012-07-13得票数 21
回答已采纳
我有一个CSS类"MyParent"，它由多个子类继承。我希望"MyParent“类的一些属性被子类覆盖，而这些重写不应该影响其他子类。请参阅下面的例子。
CSS：
.MyParent {
border-style: solid;
border-color: red;
background-color: yellow;
color: red;
}
.MyChild1 .MyParent{
background-color: blue !important;
color: white !important;
}
.MyChild2 .MyPa
浏览 0提问于2015-10-25得票数 1
4回答
我有一个这样的示例元素：
<div id="element">
Blah blah blah.
<div>Header</div>
...
</div>
它也可以看起来像这样：
<div id="element">
<span>Blah blah blah.</span>
<h4>Header</h4>
...
</div>
我想要得到第一行(粗略地定义行)(废话)。元素中的文本。它可能被包装在一个子元素中，或者仅仅是裸
浏览 7提问于2011-09-12得票数 12
回答已采纳
如何从以下代码行获取所有数据id
HTML:
<div data-id='1' class="userId">
<span> user name-1 </span>
</div>
<div data-id='2' class="userId">
<span>user name-2</span>
</div>
javascript:
var userIds = $('.userId').attr("
浏览 2提问于2013-02-07得票数 2
回答已采纳
4回答
如何使用第一个子选择器选择这些div中的第一个div(带有id=div1的那个)？
<div class="alldivs">
<div class="onediv" id="div1"> 1 This one </div>
<div class="onediv" id="div2"> 2 </div>
<div class="onediv" id="div3"> 3 </div>
浏览 5提问于2011-05-02得票数 38
回答已采纳
我需要找出一个元素的第一个孩子是什么。
例如：
<div class="parent">
<div class="child"></div>
<img class="child" />
<div class="child"></div>
</div>
在本例中，第一个子对象是div。
另一个例子：
<div class="parent">
<img class="child&
浏览 0提问于2011-10-29得票数 8
回答已采纳
5回答
所有人，请原谅我不是jquery的专业人员，我被困在了标题显示的选择器中。请帮帮我谢谢。
我有一个这样的函数：
function (container)
{
var selectContentDiv= $("....",container);//I just don't know how to working with the selector context.
}
假设我们的container包含如下所示的html结构：
<div class="block-head">
<h3>test</h3
浏览 0提问于2013-03-19得票数 3
回答已采纳
2回答
我有一个带两个子div的外部父母div。我想隐藏两个子div，直到用户滚动到页面的某个部分，此时div将消失。当内部div的可见性属性设置为隐藏时，如何使父div保持其大小？
浏览 1提问于2016-12-21得票数 0
回答已采纳
我通过循环数组来添加子div(卡片)的列表。我想为父div (板)的每个子div (卡)创建一个onclick事件侦听器。
$.each(cardArray, function(i,value){
if(i<9){
var tCard = $('<div class="cardContainer" title="'+cardArray[i]['name']+'" data-id="'+i+'">'+cardArray[i]['damage'
浏览 5提问于2021-11-20得票数 0
回答已采纳
我想在隐藏的div容器中获取图像的高度/宽度，但.height()和.width()都返回0(与预期不谋而合)。
$('body').append('<div id="init"><img id="myimg" src="someimage.png" /></div>');
$('#init').hide();
$('#myimg').height(); // == 0
$('#myimg').width(); // == 0
如何
浏览 4提问于2010-09-21得票数 7
回答已采纳
我试图让div "tick_list“的第一个子元素插入新元素，但它返回的是未定义的元素。
$(function() {
var tick_list = $('#tick_list');
socket.on('tick', function(data){
console.log(tick_list.firstElementChild);
});
});
浏览 0提问于2014-04-04得票数 0
回答已采纳
我有下拉菜单，它在非触摸设备上运行良好，但例如，当在iPad上查看时，菜单不会因为所做的选择/触摸而消失。 我可以在被触摸的菜单项上触发事件： $(document).on('touchstart', function() {
....
}); 但我不确定如何识别哪个ID触发了该事件。 我试过了： var selectedID = $(this).attr("id"); 但这会导致未定义。菜单结构如下： <div class="dropdown">
<button cl
浏览 15提问于2019-03-13得票数 0
回答已采纳
今天，我缩短了我的旧代码，我看到了这个代码：
$(".ceker").append("<a href='kit/");
$("#pdf").append("pdf");
$("#txt").append("txt");
$("#epub").append("epub");
$(".ceker").append("/7.");
$("#pdf").append("pdf");
$("#
浏览 1提问于2015-01-20得票数 0
回答已采纳
2回答
因此，我试图遍历多个元素，我似乎有一个问题。我有两个div，每个有两个子元素-一个输入和一个链接。在链接中也有一个图像。当我单击第一个div的输入按钮时，我希望能够遍历它的兄弟级(链接{a标记})和链接子( img标记)，并获得它的源属性，然后使用它来更改第二个div的图像。以下是代码的摘录
HTML：
<div id="item">
<a href="#" target="_blank" id="yeezy"><img src="img/deli/1.jpg" alt=&#
浏览 2提问于2015-05-19得票数 1
回答已采纳
2回答
我想知道有什么方法可以让下面的CSS示例按照我的意愿工作吗？
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.col p:first-child {
background:yellow;
}
</style>
</head>
<body>
<div class="col">
<h1>Woot</h1>
<p>I am a super nun. I
浏览 4提问于2011-05-26得票数 2
回答已采纳
3回答
我有以下代码：
<div class="A1">
<div class="child">A1-1</div>
<div class="child">A1-2</div>
<div class="child">A1-3</div>
<div class="child">A1-4</div>
<div class="A2">
&l
浏览 1提问于2012-03-01得票数 0
回答已采纳
我有一个文件夹的水平列表。
我希望在文件夹之间留一个空白(用于间隔)，但我不希望它适用于第一个项目(这样屏幕上就没有空间了)。
问题是，“第一个子”也适用于隐藏的元素。
如何在列表中的第一个可见项上应用类而不使用jQuery？
<ul id="myList">
<li ng-repeat="folder in viewmodel.folders" id="folder" class="folder"
ng-show="folder.role == '13' || folde
浏览 0提问于2015-03-08得票数 0
回答已采纳
4回答
D3将多个子项添加到同一父项
、、、、
如何将多个子元素添加到父元素中？
这就是我想要实现的：
<div id = "myDiv">
<div id = "child1"></div>
<div id = "child2"></div>
</div>
然而，这将使child2成为child1的子级：
$("#myDiv").append("div").attr("id", "child1").append("div").
浏览 1提问于2013-06-06得票数 1
大家好，我正在尝试使用jquery解析xml文档，但我总是遇到一个限制，至少我认为是这样。当一个节点有多个子节点时，我只得到第一个节点。让我举个例子。
<sheetData>
<row r="1" spans="1:2" x14ac:dyDescent="0.25">
<c r="A1" t="s">
<v>0</v>
</c>
<c r="B1" t="s"&g
浏览 1提问于2012-02-08得票数 0
回答已采纳
如果一行上有多个内联块元素，我希望能够以不同的方式设置换行到下一行的元素的样式。
例如：
<div class='wrapper'>
<div style='display: inline-block; width: 500px'>...</div>
<div style='display: inline-block; width: 500px'>...</div>
</div>
因此，当浏览器宽度小于1000时，第二个子<div>可以具有不同的样
浏览 2提问于2016-04-30得票数 5
我正在尝试从treeview的选定节点访问一个HtmlAttribute，但我想不出如何通过单击按钮获得它。
我正在使用MVC4 Kendo UI Razor引擎
在添加子分支之后，我添加html属性，当我单击按钮发送到另一个视图时，我想获取所选的'TypeId‘。
我尝试了下面的链接，但当我尝试将参数发送到控制器/操作时，所有尝试都会给出一个空引用。如果我硬编码一个像1这样的id，点击就会像预期的那样工作。
下面是脚本：
<script>
$("#btn").click(function () {
v
浏览 2提问于2013-11-10得票数 0
回答已采纳
<div class="first">
<div class="second">
etc
</dv>
</div>
如何获取第一个div的类？(“第一次”)使用jQuery？
我把这个html放在一个变量"$body_html“中
浏览 2提问于2011-08-13得票数 2
回答已采纳
我想知道如何获取Unorderedlist的第一个子className。我知道UL的ID。我怎么用jQuery找到它？
提前感谢！！
浏览 0提问于2010-12-06得票数 0
回答已采纳
我试图通过元素与这个DOM的其他部分的关系来选择一个元素：
<div id="dad">
<p>son</p>
<p>son</p>
</div>
如图所示：
let daddy = document.getElementById('dad');
daddy.firstChild.textContent = "Im first";
JS所做的不是改变它的内部HTML，而是插入字符串作为'dad‘<div>的第一个元素。
这是合理的，但是，我
浏览 12提问于2017-06-05得票数 1
回答已采纳
1回答
我有一个在显示不同div元素之间切换的接口。当它切换它显示的元素时，我需要访问该div元素的特定子节点，每个div元素的子节点排列不同。
childNodes和子属性都返回一个对象，该对象只能选择带有item( index )的子对象，这是令人讨厌的，因为相关子元素的索引在每个div中是不同的。对于量角器，我使用了webmanager.by(选择器)，它能够使用索引以外的其他参数进行搜索。我是否可以使用类似的方法来选择具有数据相关=“true”的子节点。我也不确定该属性是否是在HTML中指定哪个子节点相关的最佳方式。
这是一个角度应用，如果这有帮助。
浏览 2提问于2015-01-12得票数 4
回答已采纳
这是我的专长：
我有一个容器<div>，它有一个子容器，一个<p>
为什么在将段落的显示值从块更改为内联块时，text-indent值会加倍？
<div class=container>
<p>Example Paragraph</p>
</div>
CSS
div {
background: slategray;
height: 2in;
text-indent: 1in;
width: 2in;
}
p {
display: inline-block; /* Noti
浏览 3提问于2013-05-03得票数 5
回答已采纳
我在局部视图中有一个图像，它最终将被视图中的各种控件更改。多亏了MS Chart控件，这意味着每次更改其中一个设置时，我都需要创建一个新图像。现在，我只是想在更改下拉属性时从页面中删除所述图像(稍后我计划调用用不同参数绘制图表的操作)，但这似乎不起作用。
在我的局部视图中：
<!--I populate the dropdown from a model loaded from a database-->
<select id="scoresSelect">
@foreach(var option in @Model.testlist)
浏览 2提问于2012-08-15得票数 0
回答已采纳
我想要获取并修改Angular指令中给定元素的第一个子元素。
<div class="wanted">
</div>
<div class="not-wanted">
</div>
<div class="not-wanted">
</div>
我已经试过了
elm.children('.wanted')
但是之后我的指令会修改所有的子节点。我如何才能正确地执行此操作？
浏览 0提问于2015-06-22得票数 10
如何使用元素querySelector选择X类型的第一个子类型，它是元素的直接后代
例如：
<div id="target">
<span>1</span>
<span>2</span>
<span>3</span>
<div>
<span>4</span>
</div>
</div>
我希望使用querySelector只选择目标div的第一个子区间。
target.querySelector
浏览 9提问于2017-06-14得票数 10
回答已采纳
如何在Flexbox中将柔性盒的第一个子节点设置为80%宽度，第二个div设置为20%，第二行设置为全宽度？
如下所示：
浏览 3提问于2022-06-20得票数 -1
回答已采纳
我觉得我应该能够在这里使用: not (:first-child)选择器，但它似乎不像我所希望的那样工作。
我希望标签还能出现。我如何才能简单地做到这一点？
<div id="OrdersSearchResult">
<input type="radio" id="SearchResultsLink" name="SearchResultNavigation" checked="checked"/>
<label id="SearchResultsLinkLa
浏览 1提问于2012-09-27得票数 2
回答已采纳
2回答
我正在处理Selenium项目，我需要单击xpath获得的ul的第一个子项目：
bot.find_element_by_xpath('//*[@id="mailappcomponent"]/div/div/div[2]/div/div/div[2]/div/div[1]/ul').click()
你能帮帮我吗?
浏览 9提问于2020-09-16得票数 1
回答已采纳
6回答
我有一个要求，需要将宽度应用到父元素，它等于第一个子元素的宽度。如果父元素只有一个子元素，那么可以很容易地使用display: inline-block或float: left来实现这一点。但是我在一个div中有两个以上的子元素。就像这样：
<div class="main">
<div class="first">first</div>
<div class="value">valuevalue</div>
</div>
现在，如果我将display: i
浏览 4提问于2013-09-23得票数 6
回答已采纳
2回答
在我正在浏览的网页上，可能会遇到两种类型的输入字段(取决于具体情况)--它将是select或input，下面的示例是xPath：
案例选择
/html/body/div[1]/section/div/div/div/div/form/div[1]/div/div[4]/div[2]/div/div/div/div[1]/div[1]/table/tbody/tr[20]/td[3]/div/select
案例输入
/html/body/div[1]/section/div/div/div/div/form/div[1]/div/div[4]/div[2]/div/div/div/div[1]/
浏览 1提问于2021-08-08得票数 0
我试图将一个具有两个子节点的web元素定位为：
<div _ngcontent-c2="" class=" " title="Twelve (Start date is 31| 0 user)" xpath="1"></div>
<div _ngcontent-c2="" class=" " title="Twelve (Start date is 31| 0 user)" xpath="2"></div>
我试着用//
浏览 0提问于2019-04-01得票数 0
回答已采纳
2回答
假设在父div中有3个div(可能有数千个这样的div)具有相同的类。
它们中的每一个都有一些动态变化的文本。当我尝试使用localstorage保存它们的内容并检索它们时，第一个div的html被复制到其他两个div中。
HTML
<div class="parent">
<div class="child">*dynamically changing text</div>
<div class="child">*dynamically changing text</d
浏览 6提问于2015-01-04得票数 0
我如何选择--只选择第一个级别的.block，而不是任何一个子级？
$('.block:not("Children of this here")') <--
<div class="block"> <!-- this -->
<div class="block"> <!-- not this -->
<div class="block"> <!-- not this -->
</div>
</d
浏览 2提问于2010-04-09得票数 6
回答已采纳
我想使用挠曲盒来定位div儿童在div容器内。
我希望它们在容器中居中，所以我使用对齐内容: center;和对齐项: center;。如果有太多的内容不能并排显示的话，我还想让孩子们包装起来，所以我使用了flex: wrap;和对齐内容: center;。只要所有的内容都能在容器中正常工作，一切都可以正常工作。
如果窗口确实很小，那么内容就会溢出容器，并且它确实会显示滚动条，但是第一个子窗口仍然在滚动区域之外。当对齐内容不是中心时，就不会发生这种情况。
它发生在safari，chrome和firefox中，所以我认为它不是一个bug。
知道是什么原因造成的吗?如何解决？
我还制作了一个代码页
浏览 1提问于2016-05-12得票数 2
如果父元素不是第一个子元素，那么如何匹配父元素的第一个元素类型而不匹配该子元素？
如果第一个子元素是header父元素的body元素，则需要一个CSS选择器：
<body><header>
但是，如果选择器不是header元素的第一个子元素，则不能让它匹配body元素：
<body><div></div><header>
浏览 2提问于2015-08-31得票数 0
回答已采纳
2回答
我在查。它说，当遍历孩子，反应将迭代两个孩子的名单在同一时间，并产生一个突变时，有差异。
我举了一个简单的例子：
class ComponentA extends React.Component {
state = {
first: true
}
clickHandler = () => {
this.setState({
first: !this.state.first
})
}
render() {
return (
<d
浏览 1提问于2018-11-08得票数 0
回答已采纳
如果我有一组这样的元素：
<div class="slides">
<div class="frame">1</div>
<div class="frame active">2</div>
<div class="frame">3</div>
</div>
如何获取具有"active“类的元素的"frame”元素中的第n个子元素编号？
下面将返回1(因为有一个元素的类是"active
浏览 0提问于2016-07-30得票数 0
2回答
我有下面的form，它有三个divs中的一个(其中有ids div1、div2和div3)作为子div
<form id="myForm" method="GET" action="action.php">
<div id="div1 or div2 or div3">...</div>
</form>
表单中的div有一个button。我需要传递这个button的动作侦听器(在JS中)，它是一个子id的div。
那么，是否有可能得到div，它是button的父元素(或者div，
浏览 4提问于2014-09-23得票数 0
回答已采纳
1回答
在React组件中，我希望能够计算每个子容器的组合高度，在本例中是三个h3元素，以便在设置父div高度转换的动画时计算父div的确切高度。我已经在basic js和组件挂载方法中看到过这样的例子，但是如何仅使用JavaScript获得这些元素的高度呢？
class Div extends React.Component {
render() {
return (
<div>
<h3>Description One</h3>
<h3>Description Two</h3>
浏览 5提问于2017-10-22得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
