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获取动态添加的标签等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)