0 0

jquery里取div层里的p元素的问题0

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
</head>
     <script>
    function cl(){
     alert("----");
         var rs=  $("div > p");
  alert(rs);
  alert(rs.length);
  alert(rs[0]);
  alert(rs.html());
  // for(var i=0 ;i<rs.length;i++){
//    alert(rs[0]);
      }
}
     </script>
<body>
    <div>
      <p>1111111111</p>
      <p>2222222222</p>
      <p>333333</p>
    </div>
     <p>444444</p>
    <input type="button" value="效果" onclick="cl()" />
</body>
</html>



请问 alert(rs.html());弹出的只显示第一个<p>标签里的文本:1111111111,而我想用循环显示第一个<p>,第二个<p>,第三个<p>标签打印出来,请问怎么写呢?
2012年7月27日 09:17

1个答案 按时间排序 按投票排序

0 0

 function cl(){
	$("div p").each(function(){
		alert($(this).text());
	});
 }

2012年7月27日 10:23

相关推荐

    Jquery弹出div层窗口以及div屏幕居中,背景滤镜效果,div拖拽效果

    **jQuery弹出div层窗口** 在网页开发中,jQuery提供了便捷的方式来创建动态的、可交互的弹出div层窗口。这种技术通常用于显示警告、消息、表单或任何需要用户注意的内容。创建一个弹出div层窗口的关键在于利用...

    Jquery弹出DIV

    **jQuery弹出DIV详解** 在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及动画效果。"Jquery弹出DIV"是指利用jQuery来实现一个可交互的模态对话框(通常称为弹出窗口或浮层)...

    JQuery-DIV弹窗

    "JQuery-DIV弹窗"是指利用jQuery实现的一种弹出窗口效果,通常用于显示通知、确认信息或进行表单输入等场景。这种弹窗在用户交互中起到关键作用,因为它可以吸引用户的注意力并提供一个独立的操作空间。 在描述中...

    JQuery 动态生成DIV、Table并处理数据

    标题 "JQuery 动态生成DIV、Table并处理数据" 涉及的是使用JavaScript库JQuery来动态创建HTML元素,特别是DIV和Table,并且处理其中的数据。这在Web开发中非常常见,尤其是在构建交互式用户界面时。下面将详细阐述这...

    jquery 弹出 div 模式窗口

    在这个场景中,我们关注的是如何使用jQuery结合magnific-popup插件来实现一个弹出Div模式窗口的功能。 `jquery.magnific-popup.js`是magnific popup插件的核心脚本,它提供了一种优雅的方式来创建各种类型的弹出...

    JQUERY弹出模式DIV

    "JQUERY弹出模式DIV"是指使用jQuery来实现一种常见用户界面设计——模态对话框或者称为弹出窗口。这种功能在网页中很常见,用于显示警告、确认信息或者展示详细内容等。 模态对话框(Modal Dialog)是一种阻止用户...

    带关闭按钮jquery+div消息弹出层代码例子

    "带关闭按钮jquery+div消息弹出层代码例子"是一个典型的实践,它结合了jQuery库和HTML/CSS中的div元素来实现一种常见但实用的功能:消息弹出层。这个功能允许网站向用户显示临时通知、提示信息或确认对话框,而用户...

    jquery div 弹出框

    "jQuery div 弹出框"是指使用jQuery技术来创建一个可自定义的、浮动于页面上的对话框或提示框,通常称为模态窗口。这种弹出框通常用于显示警告、确认信息、详细内容或表单等。以下将详细讲解如何实现jQuery div弹出...

    jquery 拖拽动态添加div 保存拖拽后的效果

    为了动态添加div并保持其拖拽状态,我们可以使用jQuery的`.append()`方法在页面上创建新的div元素,同时确保新元素也具备拖拽功能: ```javascript $("#addDivButton").click(function() { var newDiv = $("&lt;div ...

    jQuery精美浮动层效果

    &lt;p&gt;浮动层内容&lt;/p&gt; 关闭 &lt;/div&gt; ``` 3. **CSS样式**:为浮动层和其元素定义CSS样式,以控制位置、大小、颜色、透明度等。可以使用绝对定位让元素在页面上浮动,也可以使用CSS3的过渡效果增加动态感。例如: ```...

    JQUERY遮罩层效果

    在网页设计中,遮罩层(Mask Layer)是一种常见的交互元素,用于在用户与页面其他部分互动时提供一种半透明或全透明的覆盖层,通常用于加载提示、弹窗、模态对话框等场景。jQuery是一款强大的JavaScript库,它简化了...

    jquery添加和删除元素

    例如,假设我们有一个空的`&lt;div&gt;`元素,我们可以通过以下方式向其中添加一个`&lt;p&gt;`元素: ```javascript $("#myDiv").append("&lt;p&gt;这是新增的段落&lt;/p&gt;"); ``` 或者使用`prepend()`: ```javascript $("#myDiv")....

    DIV+CSS+JQUERY源码实例

    《DIV+CSS+JQUERY源码实例》是一个深入解析网页布局与交互技术的资源集合,主要围绕HTML中的&lt;div&gt;元素、CSS样式表以及JavaScript库jQuery展开。这些技术是现代网页开发的基础,对于创建动态、响应式的用户体验至关...

    JQuery弹出层插件

    本篇将详细介绍jQuery弹出层插件,以及如何使用名为"Popup Div"的实例。 首先,jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。利用jQuery,开发者可以更方便地...

    jquery弹出层 jquery弹出层 jquery弹出层

    标题“jquery弹出层”暗示我们将会探讨的是如何使用jQuery来实现网页上的弹出层效果,这在网页设计中是非常常见的一种功能,用于显示警告、信息、确认对话框或者复杂的模态窗口。 首先,让我们理解什么是弹出层。弹...

    JQuery DIV 实现window.confirm美化确认提示框

    在标题中提到的"JQuery DIV 实现window.confirm美化确认提示框",实际上是指使用`jQuery`和`HTML`的`DIV`元素来创建一个可自定义样式的确认提示框,以替代原生的`window.confirm()`。`DIV`是HTML中的一个块级元素,...

    jquery扡拽DIV排列

    本文将深入探讨如何使用jQuery实现DOM元素(如DIV)的拖拽排列功能,同时也会提及到AJAX在其中可能的应用。 首先,jQuery的拖拽功能通常依赖于插件,例如`jQuery UI`的`draggable()`方法。这个方法允许用户通过鼠标...

    jquery-Hover遮罩层

    本文将深入探讨“jquery-Hover遮罩层”这一主题,它涉及到jQuery中的悬停事件处理(hover)以及如何实现动态的遮罩层效果。 首先,让我们了解jQuery的`hover`函数。`hover`是一个组合方法,它可以同时处理元素的`...

    对层的删除和添加,并且可以删除div层的时候排序

    在网页设计和开发中,`div`元素是一个非常基础且重要的组成部分。`div`全称为“division”,中文译为“分隔”或“区域”,它主要用于组织和布局页面内容。本教程将深入探讨如何在HTML中对`div`层进行添加、删除以及...

Global site tag (gtag.js) - Google Analytics