改成：
<html>
<head>
<title>input map info</title>
<script>
function aa()
{
documentgetElementById('lat')value="3423423";
documentgetElementById('lng')value="34243243";
}
</script>
</head>
<body onload="aa()">
<form action="" name="form222">
Description:<input type="text" name="description">
<input type="text" id="lat">
<input type="hidden" id="lng">
<input type="submit" value="submit">
</form>
</body>
</html>
1：children及find方法都用是用来获得element的子elements的，两者都不会返回 text node，就像大多数的jQuery方法一样。
2：children方法获得的仅仅是元素一下级的子元素，即：immediate children。
3：find方法获得所有下级元素，即：descendants of these elements in the DOM tree
4：children方法的参数selector 是可选的（optionally），用来过滤子元素，但find方法的参数selector方法是必选的。
5：find方法事实上可以通过使用 jQuery( selector, context )来实现：英语如是说：Selector context is
implemented with the find() method; therefore, $('liitem-ii')find('li') is
equivalent to $('li', 'liitem-ii')
既然有id 可以用id去找
$(this)parent()parent()parent()find("bar")的意思是 找当前button 的上一级（div）的上一级（div）的上一级（div id=“idSlider” 的那个），找用find 到里面class 为bar的那个 修改它的CSS 属性
这样：
<script type="text/javascript">
$(function () {
$("#div1")next()addClass("am-active"); 获得div1的下一个元素
$("#div1")next()find("dd")addClass("am-in"); 获得div1下一个元素的 指定子元素
})
</script>
扩展资料：
注意事项
通常，选择一个元素很简单，$("#id")就可以搞定，但是如果想选择某个id为x1的div下的某个id为x2的元素就很困难了，可以通过用find来解决这个问题。
例如：
html代码如下：
<div id="test">
<div id="div1">第一行</div>
<div id="div2">
<p id="p1">第1行</p>
<p id="p2">第2行</p>
<p id="p3">第3行</p>
</div>
<div id="div3">第三行</div>
</div>
jquery中获取当前dom元素的子元素的方法有很多，常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素，find()方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。
工具原料：jQuery、编辑器、浏览器
一、使用children()方法获得子元素
1、使用该方法获取子元素并设置子元素的字体为蓝色，代码如下：
<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<style>
body { font-size:16px; font-weight:bolder; }
p { margin:5px 0; }
</style>
</head>
<body>
<div>
<span>Hello</span>
<p class="selected">Hello Again</p>
<div class="selected">And Again</div>
<p>And One Last Time</p>
</div>
<script>$("div")children("selected")css("color", "blue");</script>
</body>
</html>
2、运行的效果如下图：
二、使用find()方法获取子元素
1、使用fand()方法获取子元素并且进行选择器的筛选，代码如下图：
<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
</head>
<body>
<p><span>Hello</span>, how are you</p>
<p>Me I'm <span>good</span></p>
<script>
$("p")find("span")css('color','red');
</script>
</body>
</html>
2、运行的结果如下图：
假设元素#a
那么可以得到：
let p = documentgetElementById('a');
let arr = pchildNodes;
以上就是关于JS如何获得指定的子元素全部的内容，包括:JS如何获得指定的子元素、jquery获取元素下面的子元素 <div class="jj"> jj <div class="yy">yy<div> <div>、find(".class")找子元素的时候 能跨级找么等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）