重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
怎么使用jquery获得标签的值或元素的内容?
成都创新互联长期为近1000家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为昌邑企业提供专业的做网站、成都网站制作,昌邑网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。
jquery提供了三个获得内容的方法, text()、html() 以及 val(),其中前两个可用于解决本问题,$("label#userid").text(); // 首选,获取label的文本,$("label#userid").html(); // 也可以实现,获取label标签内的所有html标记,一般情况改下label标签内就是文本,所以等效上面的方法。
实例演示:
创建Html元素
div class="box"
span点击按钮获取label中内容:/spanbr
div class="content"
label id="userid"输入用户名/labelinput type="text"
/div
input type="button" value="获取label中的内容"
/div
2设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
h3{display:inline-block;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
3编写jquery代码
$(function(){
$("input:button.btn1").click(function() {
alert($("label#userid").text());
});
$("input:button.btn2").click(function() {
alert($("label#userid").html());
});
})
化学元素(Chemical element)就是具有相同的核电荷数(即核内质子数)的一类原子的总称,从哲学角度解析,是原子的电子数目发生量变而导致质变的结果。
关于元素的学说,即把元素看成构成自然界中一切实在物体的最简单的组成部分的学说。早在远古就已经产生了,不过,在古代把元素看作是物质的一种具体形式的这种近代观念是不存在的。无论在我国古代的哲学中还是在印度或西方的古代哲学中,都把元素看作是抽象的、原始精神的一种表现形式,或是物质所具有的基本性质。
1、新建一个html文件,命名为test.html。
2、在test.html文件内,分别在p标签内,使用input标签创建文本输入框,用于内容的输入。
3、在test.html文件内,给每个input元素设置class属性,统一设置为myput,主要用于下面一次性获得所有的input对象。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获取多个value值”,给button按钮绑定onclick点击事件,当按钮被点击时,执行getinput()函数
5、在js标签中,创建getinput()函数,在函数内,定义一个空的arr数组,用于保存多个value值。同时,通过类名获得input对象,使用each()方法遍历所有的input对象,每次遍历,执行function()方法。
6、在function()方法内,使用val()方法获得input的value值,并使用push()方法将value值存进arr数组中,最后,使用alert()方法将数组输出来。
html页面
div id="test"hello/div
alert($("#test").val());
直接获取label对应的input对象就行,因为label会触发其对应的input对象,触发形式有两种,你这里用label将input对象包裹起来的写法是隐式触发,另一种显示触发是为label加上for属性,属性值指向input对象的id,无论采取哪种方法,label标签的点击事件都会传递到input对象上,所以这里可以这样获取:
// 点击触发,获取当前点击那个值就行
$('.btn-group.btn-overlap.btn-corner').find(':radio').click(function() {
console.log($(this).val());
})
// 直接获取,获取哪个选中
var rdovalue = $('.btn-group.btn-overlap.btn-corner').find(':radio:checked').val();
console.log(rdovalue);
jquery有text()、html()、val()这三种获得标签内容的方法;
补充:
根据ID获取:$("#idName").text(),
根据标签名获取:$("p").text(),
根据类名获取:$(“.class1”).text()
jquery获取html文件的某个标签的值可以先用选择器,再调用val方法:
1、html代码如下:
div id ="sa"
div class="something"Hello world/div
div class="formdiv"
form name="inpForm"
input type="text" name="FirstName" /
input type="submit" value="Submit" /
/form
/div
/div
2、用jquery选择器获取标签的值:
var text = $('#sa').find('input[name="FirstName"]').val();
3、获取到FirstName的值:
zhangsan