需要准备的材料分别有:电脑、html编辑器、浏览器。
创新互联服务项目包括鄯善网站建设、鄯善网站制作、鄯善网页制作以及鄯善网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,鄯善网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到鄯善省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:
$('body').append($('#c').parent().prev().attr('id'));
3、浏览器运行index.html页面,此时成功获取了id为c的元素的父元素的上一个元素的id并打印了出来。
$("#id").prev();同级前一个,$("#id").next();同级后一个,$("#id").parent();父级,下个文档,没事情的时候多看一下,比javascript更简便了
你在外面定义一个变量:var obj = $(this);
然后在循环里面引用不就可以了 ?
这样就不会混淆了
希望对你有帮助
调用parent或者closest方法,推荐用第二个:
$(".test textarea").focus(function(){
$(this).closest("div.test").css({"bakcground":"red"});
}).blur(function(){
$(this).closest("div.test").css({"bakcground":"white"});
})
先获取当前对象,再根据对象去获取上一个兄弟节点和下一个兄弟节点
.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