Jquery中.prev()什么意思

Question

Jquery中.prev()什么意思

Answer 1

1	.prev( [selector ] )

取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。选择性筛选的选择器。

如果提供的jQuery代表了一组DOM元素，.prev()方法通过这些元素组合传递到方法构造一个新的jQuery对象。

该方法选择性地接受同一类型选择器表达式，可以传递给$()函数。如果选择供应，将被过滤的元素通过测试它们是否匹配。

示例：

1 2 3 4 5 6 7

<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>

 

1	$('li.third-item').prev().css('background-color', 'red');

 

 

Answer 2

$(function(){
$(".module_up_down").toggle(function(){
var $self = $(this);
$self.prev().slideToggle(600,function(){
$("img",$self).attr("src","images/up.gif");
});
},function(){
var $self = $(this);
$self.prev().slideToggle(600,function(){
$("img",$self).attr("src","images/down.gif");
});
})
})
<div class="global_module">
<h3>最新动态</h3>
<div class="scrollNews" >
<ul>
<li><a href="#" class="tooltip" title="甜美宽松毛衣今秋一定红.">甜美宽松毛衣今秋一定红.</a></li>
</ul>
</div>
<p class="module_up_down"><img src="images/down.gif" alt="" /></p>
</div>
prev()作用是这个<p>元素中紧跟前面只有一个同辈元素“<ul>”。明白了吗。