如:
<div class="EnterpriseTemplate">
<div class="TemplateTt">
<div class="EnterpriseLeft">
<div class="TemplateLeft" style="display: block;">
<div class="TemplateLeftTt">
<div class="TemplateLeftCont">
<ul>
<li class="">
<li class="">
<li class="TempSpan">
</ul>
</div></div>
<div class="TemplateRight" style="display: none;">
<div class="TemplateRight" style="display: none;">
<div class="TemplateRight" style="display: none;">
</div>在上面的结构中,如果通过<li class="TempSpan">获取他的父级的父级的父级,也就是<div class="TemplateLeft" style="display: block;">往下数第三个<div class="TemplateRight" style="display: none;">元素
可以用jquery选择器的:eq选择器或者jquery遍历的eq()方法,下面带那给出ul下第4个li的内容
$("ul li:eq(3)") // 元素的index位置工0开始计数,所以这里的3实际为第4个元素示例代码如下
创建Html元素
<div class="box">设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}编写jquery代码
$(function(){观察效果