使用jQuery，您可以使用find()搜索匹配元素的所有后代（子级，孙级，曾孙级……任何深度）。
例如，具有三个深度的div元素。
<div id="A1">
<div class="child">A1-1</div>
<div class="child">A1-2</div>
<div id="A2">
<div class="child">A2-1</div>
<div class="child">A2-2</div>
<div id="A3">
<div class="child">A3-1</div>
<div class="child">A3-2</div>
</div>
</div>
</div>1. $（'＃A1'）。find（'。child'）
$('#A1').find('.child').css('background','red'); 查找包含id为“ A1 ”的元素，以及包含其类名称为“ child ”的子元素，然后将其背景更改为红色。
2. $（'＃A2'）。find（'。child'）
$('#A2').find('.child').css('background','red'); 查找包含id为“ A2 ”的元素，以及包含其子类名称为“ child ”的子元素，然后将其背景更改为红色。
3. jQuery find（）示例
播放此示例。
HTML example
<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<style type="text/css">
div{
padding:8px;
border:1px solid;
}
</style>
</head>
<body>
<h1>jQuery find() example</h1>
<script type="text/javascript">
$(document).ready(function(){
$("#button1").click(function () {
$('div').css('background','white');
$('#A1').find('.child').css('background','red');
});
$("#button2").click(function () {
$('div').css('background','white');
$('#A2').find('.child').css('background','red');
});
$("#button3").click(function () {
$('div').css('background','white');
$('#A3').find('.child').css('background','red');
});
});
</script>
</head>
<body>
<div id="A1">A1
<div class="child">A1-1</div>
<div class="child">A1-2</div>
<div id="A2">A2
<div class="child">A2-1</div>
<div class="child">A2-2</div>
<div id="A3">A3
<div class="child">A3-1</div>
<div class="child">A3-2</div>
</div>
</div>
</div>
<br/>
<br/>
<br/>
<input type='button' value='find #A1' id='button1'>
<input type='button' value='find #A2' id='button2'>
<input type='button' value='find #A3' id='button3'>
</body>
</html>
500
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
