欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-05 13:45:11
...
Html代码 jquery 用ID取某个元素下的某个ID元素
            
    
    博客分类: jquery jsjquery  jquery 用ID取某个元素下的某个ID元素
            
    
    博客分类: jquery jsjquery 
  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下,就不能,必须用

相关标签: js jquery