jquery 选择最里层元素？

zhouxiaobo123 2009-11-30 10:02:02

有如下结构
<div>
<p>1</p>
<div>
<p>2</p>
<div>
<p>3</p>
<div>
<p>4</p>
</div>
</div>
</div>
</div>

现在的情况是 <p>4</p>外面到底有多少层div不确定

如果得到<p>4</p>

...全文

164 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

likejun45 2009-11-30

打赏
举报

$("div div div div p")
返回一个数组，包含了你要的

alwaysLonely 2009-11-30

打赏
举报

$('div:not(:has(div)) p')得到的就是2个<p>元素

alwaysLonely 2009-11-30

打赏
举报

alert($('div:not(:has(div)) p').text());

这样写就行了.LZ你表达的并不是很清楚啊,呵呵,很容易被误解的.

选择器可以按一定规则嵌套使用的,写这样的东西还是蛮简单...

zhouxiaobo123 2009-11-30

打赏
举报

非常感谢1楼的朋友
但是这个结构变成这样呢

<div>
<p> 1 </p>
<div>
<p> 2 </p>
<div>
<p> 3 </p>
<div>
<p> 4 </p>
</div>
</div>
</div>
</div>
<div>
<p> 5 </p>
<div>
<p> 6</p>
<div>
<p> 7 </p>
<div>
<p> 8 </p>
</div>
</div>
</div>
</div>
如何返回一个jquery对象
这个对象包含[<p>4</p>,<p>8</p>]

likejun45 2009-11-30

打赏
举报

给要选择的标签加上id
$("#id")
不这样做就浪费点新能
var arr = $("p");
var p;
for(var i=0;i<a.length;++i)
if(arr[i].val()== "4"){
p = arr[i];
return;
}

阿非 2009-11-30

打赏
举报



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

 </HEAD>



 <BODY>

 <script>



  $(function (){

	$('#btn').click(function (){

		$('div').each(function (){

			if(this.parentNode.tagName=='DIV'){

				var div=this.getElementsByTagName('div');

				if(div.length>0){

					return true;

				}

				else{

					alert(this.innerHTML);

				}

			}					

		})

	})	

  });



   </script>

   <div> 

  <p> 1 </p> 

  <div> 

      <p> 2 </p> 

      <div> 

          <p> 3 </p> 

          <div> 

            <p> 4 </p> 

          </div> 

    </div> 

  </div> 

</div> 



<input type="button" id='btn' value='click me' />



 </BODY>

</HTML>

阿非 2009-11-30

打赏
举报



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

 </HEAD>



 <BODY>

 <script>



  $(function (){

	$('#btn').click(function (){

		$('div').each(function (){

			if(this.parentNode.tagName=='DIV'){

				var div=this.getElementsByTagName('div');

				if(div.length>0){

					return true;

				}

				else{

					alert(this.innerHTML);

				}

			}					

		})

	})	

  });



   </script>

   <div> 

  <p> 1 </p> 

  <div> 

      <p> 2 </p> 

      <div> 

          <p> 3 </p> 

          <div> 

            <p> 4 </p> 

          </div> 

    </div> 

  </div> 

</div> 



<input type="button" id='btn' value='click me' />



 </BODY>

</HTML>