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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么使用jquery获得标签的值或元素的内容相关的知识,希望对你有一定的参考价值。

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。

2、在index.html中的<script>标签,输入jquery代码:

$('body').append($('div').text());

$('body').append($('input').val());

3、浏览器运行index.html页面,此时通过jquery获取到了div元素中的内容和input标签的值。

参考技术A

获取表单元素的值可以直接$("选择器").val();

如:

<input type="text" value="123" />

var a = $("input").val();    //a的值为123

如果获取a标签、p标签、div等的内容的话,使用text();

如:

<p>文本内容</p>

var a = $("p").html();    //a的值为”文本内容“

一般相同的标签比较多时,给标签添加类名或id可以识别相同的标签,如:

<p class="p1">这是文本内容1</p>
<p class="p2">这是文本内容2</p>

var a = $(".p1").html();    //a的值为”这是文本内容1“
var b = $(".p2").html();    //b的值为”这是文本内容2“

本回答被提问者采纳
参考技术B $("id").val();
$("id").text();

jquery怎么获取当前标签下的子标签

1、查找子元素方式1:>\x0d\x0a例如:var aNods = $("ul > a");查找ul下的所有a标签\x0d\x0a2、查找子元素方式2:children()\x0d\x0a3、查找子元素方式3:find()\x0d\x0a\x0d\x0a通过下标获取第n个子标签的ID值\x0d\x0a\x0d\x0a1.var num1=$("ul > a:eq(0)").attr("ID");\x0d\x0a2.var num2=$("ul").children("a:eq(0)").attr("ID");\x0d\x0a3.var num3=$("ul").find("a:eq(0)").attr("ID"); 参考技术A 1、查找子元素方式1:>
例如:var aNods = $("ul > a");查找ul下的所有a标签
2、查找子元素方式2:children()
3、查找子元素方式3:find()

通过下标获取第n个子标签的ID值

1.var num1=$("ul > a:eq(0)").attr("ID");
2.var num2=$("ul").children("a:eq(0)").attr("ID");
3.var num3=$("ul").find("a:eq(0)").attr("ID");本回答被提问者和网友采纳
参考技术B $(document.body).children() 获取body元素的直接子标签

参考技术C

html

获取值并弹出

以上是关于怎么使用jquery获得标签的值或元素的内容的主要内容,如果未能解决你的问题,请参考以下文章

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

Jquery 怎么只给点击的元素加个class

jquery怎么获取元素的value值

jquery怎么获取attribute的值

jquery里判断数组内是否包含了指定的值或元素的方法

jquery怎么获取当前标签下的子标签