`
reginaminlee
  • 浏览: 33854 次
  • 性别: Icon_minigender_2
  • 来自: 湖南
社区版块
存档分类
最新评论

jquery 用ID取某个元素下的某个ID元素

阅读更多
Html代码 复制代码 收藏代码
  1. <html>  
  2. <head><script type="text/javascript" src="jquery-1.7.2.min.js"></script></head>  
  3. <body>  
  4.     <div id="div_1">  
  5.         <input type="text" id="txt1" name="txtt" value="111"/>  
  6.         <label id="sumv">5.00</label>  
  7.     </div>  
  8.     <div id="div_3">  
  9.         <input type="text" id="txt2" name="txtt" value="222"/>  
  10.         <label id="sumv" name="sumv_3">10.00</label>  
  11.     </div>  
  12.     <input type="button" value="BUTTON" onclick="test1();"/>  
  13.     <input type="button" value="BUTTON2" onclick="test2();"/>  
  14. </body>  
  15. <script language="javascript">  
  16.     function test1() {   
  17.         alert($("#div_1 #sumv").text());   
  18.     }   
  19.        
  20.     function test2() {   
  21.         alert($("#div_3 label[id='sumv']").text());//firefox和IE下都有值   
  22.         alert($("#div_3 #sumv").text());//firefox下有值   
  23.     }   
  24. </script>  
  25. </html>  
<html>
<head><script type="text/javascript" src="jquery-1.7.2.min.js"></script></head>
<body>
	<div id="div_1">
		<input type="text" id="txt1" name="txtt" value="111"/>
		<label id="sumv">5.00</label>
	</div>
	<div id="div_3">
		<input type="text" id="txt2" name="txtt" value="222"/>
		<label id="sumv" name="sumv_3">10.00</label>
	</div>
	<input type="button" value="BUTTON" onclick="test1();"/>
	<input type="button" value="BUTTON2" onclick="test2();"/>
</body>
<script language="javascript">
	function test1() {
		alert($("#div_1 #sumv").text());
	}
	
	function test2() {
		alert($("#div_3 label[id='sumv']").text());//firefox和IE下都有值
		alert($("#div_3 #sumv").text());//firefox下有值
	}
</script>
</html>

 

点击BUTTON2时,用firefox就可以出#sumv的值10,但在IE下,就不能,必须用

分享到:
评论

相关推荐

    jquery添加和删除元素

    本文将详细讲解如何使用jQuery来添加和删除元素,这在Web开发中是极为常见的需求。 首先,让我们理解jQuery的核心概念。jQuery通过选择器(Selectors)找到页面中的元素,然后对这些元素执行各种操作。比如,我们...

    jQuery实现获取元素索引值index的方法

    在使用jQuery进行前端开发时,我们常常需要获取元素在集合中的索引值以便进行进一步的操作。jQuery作为一个强大的JavaScript库,提供了一系列方法来简化DOM操作,其中“.index()”方法便是用于获取元素索引值的一种...

    jQuery拖动div元素标签

    本教程将深入探讨如何利用jQuery UI库中的Draggable功能来实现div元素的拖动,以及如何通过append方法动态添加元素。首先,我们需要了解jQuery UI库的基本用法。 **jQuery UI Draggable组件** jQuery UI的Draggable...

    js与jquery获取父元素,删除子元素的两种不同方法.docx

    在原生JS中,可以使用`Node.removeChild()`方法来删除某个元素的子元素。例如,要删除`obj`元素,可以这样做: ```javascript var parent = obj.parentNode; parent.removeChild(obj); ``` 这里,`parent....

    jquery get id val from callback

    本篇文章将深入探讨如何使用jQuery从DOM元素中获取ID的值,并在回调函数中进行处理。这个主题对于任何涉及到用户交互和数据处理的前端开发者来说都至关重要。 首先,让我们了解`id`在HTML中的作用。`id`是一个唯一...

    jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例

    本文实例讲述了jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法。分享给大家供大家参考,具体如下: siblings()属于jQuery筛选类的API,用来查找某个元素的所有同辈元素(所有兄弟姐妹)。 &lt;div id=...

    jquery 表单下所有元素的隐藏

    在jQuery中,我们使用id选择器(如$("#id"))来选择对应的元素。 在给定的代码片段中,我们看到了一个按钮点击事件的绑定。通过点击按钮来触发隐藏表单内所有元素的操作。具体实现是使用了jQuery的$(选择器).click...

    jquery中获取元素里某一特定子元素的代码

    之前做的一些JQUERY应用都是些很基础的编程,对于选择器要求不高,像类似于“$(‘.class’)”、“$(‘#id’)”、“$(‘#id&gt;.class’)”、“$(this)”、“$(this).parent()”、“$(this).children()”这些简单的语句...

    原创元素抖动Jquery插件

    为了实现更复杂的交互,你可以结合其他Jquery事件,如`click`、`hover`等,使元素在特定触发条件下执行抖动。例如,当用户点击按钮时,某个警告信息可能会抖动: ```javascript $("#myButton").click(function() { ...

    jquery如何判断某元素是否具备指定的样式

    本篇文章将深入探讨如何使用jQuery来判断一个元素是否具有特定的样式,包括行内样式和类样式。 首先,我们要理解样式在HTML中的两种常见形式:行内样式和类样式。行内样式是直接在HTML元素的`style`属性中定义的,...

    jQuery复制移除表单元素代码.zip

    "jQuery复制移除表单元素代码.zip"这个资源包含了一个使用jQuery 1.7.2版本实现的功能,即动态复制和删除表单元素。以下是关于这个主题的详细知识点: 1. **jQuery基本概念**: - jQuery是John Resig于2006年创建...

    jquery选择器排除某个DOM元素的方法(实例演示)

    它使用一个简单的参数,这个参数可以是一个元素的名称、类名、ID、属性或者甚至是另一个选择器表达式。这样,我们可以灵活地对元素集合进行增删调整,而不必重新选择。 例如,如果页面上有一些图片需要通过...

    jquery+css3实现元素颤抖特效.zip

    - 使用jQuery,我们选择要应用动画的元素,然后添加或删除CSS类来触发动画。例如: ```javascript $('#element').addClass('shake'); ``` 当这个类被添加到元素上时,CSS3的`shake`动画将开始播放。要停止动画...

    jquery使用hide方法隐藏指定id的元素

    在JQuery中,可以通过"#"加上元素的id值来选取这个元素,比如$("#test")。 JQuery的hide方法可以用于隐藏选取到的元素。它会使被选取的元素的display属性变为"none",从而使元素不再显示在页面上。在JQuery中,隐藏...

    jquery-1.11.3.js+jquery.min.js

    1. **选择器**:jQuery提供了一套基于CSS的强大的选择器,使得选取HTML元素变得简单,如`$("#id")`选取ID为"id"的元素,`$(".class")`选取所有class为"class"的元素。 2. **DOM操作**:jQuery简化了DOM元素的操作,...

    jquery层级选择器(匹配父元素下的子元素实现代码)

    在本篇内容中,我们主要关注的是如何使用jQuery层级选择器来匹配父元素下的子元素,并通过实现代码展示了具体的操作方法。 首先,jQuery提供了多种层级选择器,用来选取特定层级关系的元素。在文章中提到的有: 1. ...

    jquery监听div内容的变化具体实现思路

    在使用jQuery进行Web开发时,经常会遇到需要监听某个元素内容变化的情况。通常,元素内容变化的监听可以通过绑定一些内置的jQuery事件来实现,但对于div这样的非输入型元素,标准的change事件就无能为力了。本文将...

Global site tag (gtag.js) - Google Analytics