`
reginaminlee
  • 浏览: 32681 次
  • 性别: 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使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例

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

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

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

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

    jquery选择器众多,使用选取某个DOM的方法有很多种,如何在选取的某个元素集上面做一些排除呢?下面通过几个实例说明: 1.选择所有的img元素,排除class=phpernote的元素的个数: 代码如下:$(‘img:not(.phpernote)...

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

    如果css写成行内样式,可以通过获取style属性的值来判断,示例如下: 判断id为divid的div元素是否有font-size样式: 代码如下: &lt;div id=”divid” xss=removed&gt;&lt;/div&gt; jquery代码如下: jQuery(“#divid”).each...

    jQuery实现点击滚动到指定元素上的方法分析

    本文实例讲述了jQuery实现点击滚动到指定元素上的方法。分享给大家供大家参考,具体如下: jquery 点击滚动到指定元素上, 1.获取指定元素的offset() 得到偏移位置,返回结果是top 和left 获取... /*获取某个元素的

    jQuery详细教程

    演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() 演示 jQuery hide() 函数,隐藏所有 &lt;p&gt; 元素。 $(".test").hide() 演示 jQuery hide() 函数,隐藏所有 class="test" 的元素。 jQuery 语法 ...

    jquery插件使用方法大全

    第二行代码得到class 为container的div元素,第三行代码得到标签下面id为msg的div元素(不过最好别这样写,因为jQuery需要遍历所有的div元素,对于带id的元素,直接用$("#id"))。第四行代码得到context为上下文的table...

    jquery 表单下所有元素的隐藏

    对于如下表单form1: 代码如下:...只需要运用以下代码即可实现对表单form1下所有元素的隐藏 代码如下:$(“#butt_test”).click(function (){ $(form1.elements ).hide(); //form1.elements是form1下所有子元素的集合 });

    jQuery常用方法

    $("div #ID") //取某个控件中 控件 $("#ID #ID") // 通过控件ID取其中的控件 $("标签.class样式名") //通过class来取控件 $("#ID").val(); //取value值 $("#ID").val(""); //赋值 $("#ID").hide(); //隐藏...

    超实用的jQuery代码段

    《超实用的jQuery代码段》的代码跨平台、跨设备、跨浏览器,充分向读者演示了如何使用jQuery的各项技术,实现令人激动的网页效果。   《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发,对最实用的...

    jQuery 事件以及处理方法

    事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件。 触发实例:$("button#demo").click() 上面的例子将触发 id="demo" 的 button 元素的 click 事件。 绑定实例:$("button#demo").click...

    jquery设置元素的readonly和disabled的写法

    Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下,感兴趣的朋友可以练练手了

    jQuery根据ID获取input、checkbox、radio、select的示例

    input: var xxx = $(‘#ID’).val() ——————————————————————————— ...如果你的checkbox元素是某个容器的子元素(假设容器的id为con_id),则可以这样选择: ====== $('#con_id in

    jquery中获取id值方法小结

    ID是html页面中一些元素都可以有个本页面唯一的id包括如,div,input,iframe等等都是可以的,下面我来给大家介绍利用jquery 获取id值方法,有需要了解的朋友可参考

    jQuery完全实例.rar

    这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。 jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最...

    JQuery关于下拉列表的操作

    Jquery获取当前选中的值,获取当前选中的文本,设置文本为当前选中项,设置某个元素为当前选中值,清空下拉框,触发事件

    jQuery常用操作方法及常用函数总结

    $(“div #ID”) //取某个控件中 控件 $(“#ID #ID”) // 通过控件ID取其中的控件 $(“标签.class样式名”) //通过class来取控件 $(“#ID”).val(); //取value值 $(“#ID”).val(“”); //赋值 $(“#ID”).hide(); //...

    jQuery 常见操作实现方式和常用函数方法总结

    $(“div #ID”) //取某个控件中 控件 $(“#ID #ID”) // 通过控件ID取其中的控件 $(“标签.class样式名”) //通过class来取控件 $(“#ID”).val(); //取value值 $(“#ID”).val(“”); //赋值 $(“#ID”).hide(); //...

    jQuery修改CSS伪元素属性的方法

    现在你想在某个元素的click事件中动态的把techbrood:before的width属性设置为100%, 有两个方法,一个是添加新的样式: $('head').append(&lt;style&gt;.techbrood::before{ width:100% }&lt;/s

Global site tag (gtag.js) - Google Analytics