jquery怎样获得所有div的id值,有多个div。用$("div").attr(id)只能获得一个div的id值

jquery怎样获得所有div的id值,有多个div。用$("div").attr(id)只能获得一个div的id值,第1张

1、新建一个html文件,命名为testhtml。

2、在testhtml文件内,使用div标签创建一行文字,文字内容为“这是测试的文字内容”。

3、在testhtml文件内,设置div的id属性为abc,用于下面通过该id获得div对象

4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“获取div里面的值”。

5、在testhtml文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getdivc()函数。

6、在js标签中,创建getdivc()函数,在函数内,通过id(abc)获得div对象,使用text()方法获得div内的值,并使用alert()方法将值输出。

7、在浏览器中打开testhtml文件,点击按钮,查看结果。

先获取当前对象,再根据对象去获取上一个兄弟节点和下一个兄弟节点

prev()

定义和用法

prev()

获得匹配元素集合中每个元素紧邻的前一个同胞元素,通过选择器进行筛选是可选的。

prev(selector)

参数描述

selector

字符串值,包含用于匹配元素的选择器表达式。

--说明:如果给定一个表示

DOM

元素集合的

jQuery

对象,prev()

方法允许我们在

DOM

树中搜索这些元素的前一个同胞元素,并用匹配元素构造一个新的

jQuery

对象。

next()

定义和用法

next()

获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器,则取回匹配该选择器的下一个同胞元素。

next(selector)

参数描述

selector

字符串值,包含用于匹配元素的选择器表达式。

--说明:如果给定一个表示

DOM

元素集合的

jQuery

对象,next()

方法允许我们搜索

DOM

树中的元素紧跟的同胞元素,并用匹配元素构造新的

jQuery

对象。

示例:

<!--HTML代码-->

<div id="div1">111</div>

div id="div2">222</div>

div id="div3">333</div>$("#div2")prev()attr("id"); //获取div2同级的上一个div的id,值为div1

$("#div2")next()attr("id"); //获取div2同级的下一个div的id,值为div3

在动态加标签的时候给标签加上 name 属性。例如:

<div id="mydiv">

<input name="cardNo" value="1">

<input name="cardNo" value="2">

</div>

取值时用each循环:

$("#mydiv")find("input[name='cardNo']")each(function()

{

var value=$(this)val();//循环取值

});

<script type="text/javascript" src="your_jq_source"></script>

$("div")each(function() {

    consolelog($(this)attr("name"));

})

// 你好,以在 BODY 生成 DIV 为例子给你讲一个吧 

<script src=">

以上就是关于jquery怎样获得所有div的id值,有多个div。用$("div").attr(id)只能获得一个div的id值全部的内容,包括:jquery怎样获得所有div的id值,有多个div。用$("div").attr(id)只能获得一个div的id值、怎么用jquery 获取同级div 上一个div的id 跟下一个div的id、jq获取动态添加的标签等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9785822.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存