jQuery：通过name获取div下的input的六种方法_根据name获取input的值

作者：菜鸟追梦旅行 | 2024-02-19 06:54:58

踩

根据name获取input的值

1.获取input值的6种方法：


<!doctype html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>测试页面</title>
  <script type="text/javascript" src="jquery.js"></script>
 </head>
 <body>
 <div id="gjdiv" class="gjc">
	<input type="hidden" id="title" name="gj" value="113"/>
<input type="hidden" id="brief" name="gj" value="df"/>
<input type="hidden" id="content" name="gj" value="sg"/>
 </div>
 
<script>
$(document).ready(function(){
var param0 = $("input[name='gj']").val();
console.log("param0:"+param0);
 
var param1 = $(".gjc input[name='gj']").val();
console.log("param1:"+param1);
 
var param2 = $("#gjdiv input[name='gj']").val();
console.log("param2:"+param2);
 
var param3 = $("div input[name='gj']").val();
console.log("param3:"+param3);
 
var param4 = $("#gjdiv>input[name='gj']").val();
console.log("param4:"+param4);
 
var param5 = $("#gjdiv :input[name='gj']").val();
console.log("param5:"+param5);
 
console.log("stringify():"+JSON.stringify(param0));
//console.log(JSON.parse(param));
 
})
 
</script>
 </body>
</html>

结果：

获取的都是第一个input的值。

2.将input值序列化：


<!doctype html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>测试页面</title>
  <script type="text/javascript" src="jquery.js"></script>
 </head>
 <body>
 <div id="gjdiv" class="gjc">
	<input type="hidden" id="title" name="gj" value="113"/>
<input type="hidden" id="brief" name="gj" value="df"/>
<input type="hidden" id="content" name="gj" value="sg"/>
 </div>
 
<script>
$(document).ready(function(){
var param0 = $("input[name='gj']").serialize();
console.log("param0:"+param0);
 
var param1 = $(".gjc input[name='gj']").serialize();
console.log("param1:"+param1);
 
var param2 = $("#gjdiv input[name='gj']").serialize();
console.log("param2:"+param2);
 
var param3 = $("div input[name='gj']").serialize();
console.log("param3:"+param3);
 
var param4 = $("#gjdiv>input[name='gj']").serialize();
console.log("param4:"+param4);
 
var param5 = $("#gjdiv :input[name='gj']").serialize();
console.log("param5:"+param5);
 
console.log("stringify():"+JSON.stringify(param0));
//console.log(JSON.parse(param));
 
})
 
</script>
 </body>
</html>

结果：

参考：

http://blog.csdn.net/dazhi_100/article/details/29582883

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/113226