jquery怎样获得同辈的前几个和后几个元素

你好！

获取同辈的元素，有个siblings()方法，这个可以获取到同级的所有元素;

还有prev()、next()分别获取之前和之后的元素，这是取向前或向后的一个元素;

prevAll()、nextAll()是获取之前和之后的所有同级元素;

<ul>

   <li>list item 1</li>

   <li>list item 2</li>

   <li class="third-item">list item 3</li>

   <li>list item 4</li>

   <li>list item 5</li>

</ul>

$("lithird-item")siblings(); //可以获取4个li元素

$("lithird-item")prev();   //取得item2

$("lithird-item")next();   //取得item4

$("lithird-item")prevAll();  //取得item1 itme2

$("lithird-item")nextAll();  //取得item4 item5

还有种方式就是通过siblings()方法获取到同级元素后，使用eq()方法定位元素

var $lis = $("li:last")siblings();

$liseq(0)

希望对你有帮助！

只要根据a这个obj得到class是text的这个div，然后控制它的显示和隐藏就可以了。

代码如下，兼容了各种浏览器

<script type="text/javascript">

function a(obj)

{

var newobj = objparentNodeparentNode;

var objlast = newobjlastChild;

while(objlasttagName != "DIV")

{

objlast = objlastpreviousSibling;

}

if(objlaststyledisplay == "none")

{

objlaststyledisplay = "block";

objinnerHTML = "收缩";

}

else

{

objlaststyledisplay = "none";

objinnerHTML = "展开";

}

}

</script>

<div class="msg_ess">

<div class="name">沉默的大地</div>

<div class="new"><a onclick="a(this)">展开</a></div>

<div class="text" style="display:none">

<div>内容区域</div>

<div class="unblock">隐藏的内容</div>

</div>

</div>

<div class="msg_ess">

<div class="name">沉默的大地2</div>

<div class="new"><a onclick="a(this)">展开</a></div>

<div class="text" style="display:none">

<div>内容区域2</div>

<div class="unblock">隐藏的内容2</div>

</div>

</div>

原理很简单，先得到a的父节点的父节点。再得到这个节点的最后一个。这个就是要显示和隐藏的节点了。

while(objlasttagName != "DIV")

{

objlast = objlastpreviousSibling;

}

这个是为了兼容firefox，因为firefox把空白也当做一个节点，不加的话得到的最后一个节点是个空白的text。

前端设置第20个div后同级div的样式div样式：

DIV 上光标的 样式 clip: 设置 剪辑矩形例:< div style="font:16px 宋体;width:600px;height:200px; cursor:help; clip:rect(0px 100px 20px 0px); line-height:20px。

iframe和div层级关系，iframe的浮动层级比div高。如果你把这个div放在iframe引用的内容页里面是永远跳不出iframe框架的，因为iframe的浮动层级比div高，iframe需要嵌套外层，并且如果层级多的话很难维护，代码太乱套， div代码简单明了，视图和控制良好的分离，也就是很符合mvc架构。后期维护很方便

层级关系的布局有两种解决方法：

一种方法是使用标签的自然顺序和嵌套顺序来形成合理的布局。

而第一种方法却不是万能的，有时候我们需要将原本位于下层的元素移到另一个元素上方，那可以使用z-index；

而你说的不好用，则是zindex没有生效，没生效就是没有定义position属性，如果不想让元素的位置有所变化，就给赋予z-index属性的元素加上相对定位的position:relative;

以上就是关于jquery怎样获得同辈的前几个和后几个元素全部的内容，包括:jquery怎样获得同辈的前几个和后几个元素、怎么更改当前DIV的同级DIV下的子DIV的类、前端怎么设置第20个div后同级div的样式等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！