怎么使用jquery获得标签的值或元素的内容?

如题所述

怎么使用jquery获得标签的值或元素的内容?

    jquery提供了三个获得内容的方法, text()、html() 以及 val(),其中前两个可用于解决本问题,$("label#userid").text();   // 首选,获取label的文本,$("label#userid").html();   // 也可以实现,获取label标签内的所有html标记,一般情况改下label标签内就是文本,所以等效上面的方法。
    实例演示:

创建Html元素
<div class="box">
<span>点击按钮获取label中内容:</span><br>
<div class="content">
<label id="userid">输入用户名</label><input 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)就是具有相同的核电荷数(即核内质子数)的一类原子的总称,从哲学角度解析,是原子的电子数目发生量变而导致质变的结果。

关于元素的学说,即把元素看成构成自然界中一切实在物体的最简单的组成部分的学说。早在远古就已经产生了,不过,在古代把元素看作是物质的一种具体形式的这种近代观念是不存在的。无论在我国古代的哲学中还是在印度或西方的古代哲学中,都把元素看作是抽象的、原始精神的一种表现形式,或是物质所具有的基本性质。

温馨提示:内容为网友见解,仅供参考
无其他回答

怎么使用jquery获得标签的值或元素的内容?
怎么使用jquery获得标签的值或元素的内容?jquery提供了三个获得内容的方法, text()、html() 以及 val(),其中前两个可用于解决本问题,$("label#userid").text(); \/\/ 首选,获取label的文本,$("label#userid").html(); \/\/ 也可以实现,获取label标签内的所有html标记,一般情况改下l...

怎么使用jquery获得标签的值或元素的内容
创建Html元素 点击按钮获取label中内容: 输入用户名 设置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...

jquery通过id获取元素(jquery获取div的id)
如何用js获取id元素内容方法有两种:1、通过jquery的方式,使用id选择器方式获取节点,然后获取值。2、通过原生的dom方式,获取id的值。每一个HTML元素都使用id来进行一个标注,随后可以通过document.getElementById(“ID名称”)取得指定的ID元素对象,取得元素对象之后就可以对其进行操作。但是document.getEl...

jquery获取子元素的值(jquery获取元素内容)
1.children()方法:获取该元素下的直接子集元素 2.find()方法:获取该元素下的所有子集元素 3.children()方法获取ul下面直接子集元素li:$("ul").children("li")4.find()方法获取ul下所有元素li:$("ul").find("li")5.children和find的区别:children只会查找直接子集,而find会跨越层级查找,...

jquery怎么获取a里面某个标签的值
需要准备的材料分别有:电脑、html编辑器、浏览器。1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。2、在index.html中的标签,输入jquery代码:$('body').append($('a').attr('id'));。3、浏览器运行index.html页面,此时成功获取到了a标签的id值。

Jquery如何获取中的文字?
('td').text();首先使用jquery选择器选择所有的td标签,使用jquery的text()方法可以获取td中的文字内容。text():得到匹配元素集合中每个元素的文本内容结合,包括他们的后代,或设置匹配元素集合中每个元素的文本内容为指定的文本内容。

怎么通过js或者jquery获取一个页面里面的内容
用jQuery的html方法可以获得某个元素中的内容 ,如果元素是html标签,则可以获得页面的全部内容:例如:(document).ready(function(){ var html_str=$("html").html();alert(html_str);});上面代码可以获得页面的全部内容。(当然要先导入jQuery)...

jQuery怎样获取并且修改P标签内的值
1、新建html文档,在body标签中添加一个p标签,标签的id设为“demo”并添加一段文字,然后引入jQuery:2、添加script标签,使用jQuery选择器$("#demo")将p标签获取,其中#标签选择的类型是id,demo指的是需要获取标签的id,这时网页中的p标签就会被选中:3、使用html()函数,html()函数在原生js中指...

jquery中 怎样获得h1标签中的内容?
1、新建html文档,在body标签中添加p标签,然后在head标签中引入jQuery文件:2、在body标签中添加script标签,用jQuery选择器获取p标签,然后用html方法获取标签里面的内容并将结果输出:3、用浏览器打开html文档,打开浏览器的控制台,可以看到标签中的内容已经被获取到了:

jquery中 怎样获得h1标签中的内容?
1、新建html文档,在body标签中添加p标签,然后在head标签中引入jQuery文件:2、在body标签中添加script标签,用jQuery选择器获取p标签,然后用html方法获取标签里面的内容并将结果输出:3、用浏览器打开html文档,打开浏览器的控制台,可以看到标签中的内容已经被获取到了:...

相似回答