当前位置：首页 → 问答吧 → 请问各位高手,如何利用JQuery获得某一元素之前的元素呢?

请问各位高手,如何利用JQuery获得某一元素之前的元素呢?

时间：2010-01-30

来源：互联网

请问各位高手,如何利用JQuery获得某一元素之前的元素呢?
比如:
<p></p>
<p></p>
<p></p>
<hr/>
<p></p>
<p></p>
<p></p>
这样一段HTML中我如何获得hr之前的所有p呢?

作者: supakito 发布时间: 2010-01-30

你可以换个方式嘛，给hr之前的P都加个一样的class呢，然后不就好选了

作者: ywqbestever 发布时间: 2010-01-30

如果那么容易的话,我就不来问了~~~

作者: supakito 发布时间: 2010-01-30

那你匹配当前区域的所有的p和hr，在得到的对象中去掉hr和hr后面的不就好了？？？
给你个例子吧

复制代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type=
"text/javascript">
</script>
<p>
1
</p>
<p>
2
</p>
<hr />
<p>
3
</p><a href="#">run</a> <script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$('a').click(function(){
var target = [] ;
$.each($('p,hr'),function(i,n){
if($(n).is('hr')){
return false;
}else{
target.push(n);
}
});
$(target).css('background','red');
});
});
//]]>
</script>
</body>
</html>