如何获取Jquery隐藏div里面的input值??
根据input的class或者ID值定位元素,获得input的value值。
假设input的class为name:
var name = $('.name').val();
console.log(name);
或者是:
var name = $('.name').attr('value');
console.log(name);
扩展资料:
jQuery显示隐藏div的方法:
1、attr():
隐藏div:$("#demo").attr("style","display:none;");
显示div:$("#demo").attr("style","display:block;");
2、css():
隐藏div:$("#demo").css("display","none");
显示div:$("#demo").css("display","block");
3、hide(),show():
隐藏div:$("#demo").hide();
显示div:$("#demo").show();
4、动态显示和隐藏:
$("#demo").toggle(
function () {
$(this).attr("style","display:none;");//隐藏div
},
function () { $(this).attr("style","display:block;");//显示div
}
);
jquery提供了val() 方法用以设置或返回表单字段的值,input对象虽然被隐藏了,但是依然存在于文档树中,所以仍然可用val() 方法获取它的值。实例演示如下:
1、HTML结构
<div>页面隐藏了一个div,其中包含一个value为“我是被隐藏的为文本框的值”的文本框</div>
<div class="hidden"><input type="text" value="我是被隐藏的为文本框的值"></div>
<input type='button' value='获取被隐藏文本框的值'/>
2、jquery代码
$(function(){
$("input[type='button']").click(function() {
alert($("div.hidden input").val());
});
});
3、演示效果
2015-03-09