jquery获取元素的值,获取当前对象的父对象等等
来源:互联网 发布:手机维修网络教学 编辑:程序博客网 时间:2024/05/23 17:09
jsp代码:
<span><input type="hidden" value="1" id="newInfo"></input></span><div class="sx_title"><a href="#" style="cursor: hand" onclick="more(this);" class="fright mr15">更多</a>英语-其他</div> <div class="apps_container"> <ul class="apps_list1_1"> <input type="hidden" value="00070008" id="levelCode" /> <input type="hidden" value="100000001811" id="columId" /> <li><a href="/12580SchoolWap/article/getAritcleContent.do?id=100000031133&menuI=6&columnID=100000001811 &sessionid=F881AFC25986F14FEE1DDA60065C565A&levelCode=00070008"> 英语作文:The Countryside in Summer </a> </li> <input type="hidden" value="00070008" id="levelCode" /> <input type="hidden" value="100000001811" id="columId" /> <li><a href="/12580SchoolWap/article/getAritcleContent.do?id=100000031125&menuI=6&columnID=100000001811 &sessionid=F881AFC25986F14FEE1DDA60065C565A&levelCode=00070008"> 英语作文:I Love Summer </a> </li> </ul></div>
js代码:
<script> function more(thisObj ){ var levelCode=$(thisObj).parent().next().children("ul").children("input").eq(0).val(); var menuI = $("#menuI").val(); var newInfo = $(thisObj).parent().prev().children("input").eq(0).val(); if(newInfo && newInfo=='1'){ menuI=1; } var columId=$(thisObj).parent().next().children("ul").children("input").eq(1).val(); url="/12580SchoolWap/article/getCmsModuleList.do?levelCode="+levelCode+"&columnID="+ columId+"&menuI="+menuI; document.location=url;}</script>
js代码解释:
当点击 <a href="#" style="cursor: hand" onclick="more(this);" class="fright mr15">更多</a>时,
在js的函数中想要获取隐藏域的值
<input type="hidden" value="00070008" id="levelCode" />
<input type="hidden" value="100000001811" id="columId" />
onclick="more(this);"这里的this 指的是当前dom元素 <a></a>标签
在js的函数function more(thisObj){...}中,
1.$(thisObj)获取<a></a>的jquery对象,
2.$(thisObj).parent(),获取到<a></a>的父对象<div class="sx_title">...</div>
3.$(thisObj).parent().next() 获取到<div class="apps_container">jquery对象
4.$(thisObj).parent().next().children("ul") 获取到<ul class="apps_list1_1">jquery对象
5.$(thisObj).parent().next().children("ul").children("input").eq(0)
获取到<ul class="apps_list1_1">下面的第一个<input>元素:<input type="hidden" value="00070008" id="levelCode" />
6.$(thisObj).parent().next().children("ul").children("input").eq(0).val();
获取到<input type="hidden" value="00070008" id="levelCode" />的value值 :00070008
7.$(thisObj).parent().next().children("ul").children("input").eq(1).val();
获取到<ul class="apps_list1_1">下面的第二个<input>元素,
<input type="hidden" value="100000001811" id="columId" />的值:100000001811
8.$(thisObj).parent().prev()获取到<span></span>jquery对象
9.$(thisObj).parent().prev().html()获取到<span></span>的内容<input type="hidden" value="1" id="newInfo"></input>
10.$(thisObj).parent().prev().children("input").eq(0).val()获取
<span></span>下面的第一个<input>的值,其实就一个<input>元素,即:1
- jquery获取元素的值,获取当前对象的父对象等等
- jquery获取元素的值,获取当前对象的父对象等等
- jquery获取元素的值,获取当前对象的父对象等等
- jquery获取元素的值,获取当前对象的父对象,父元素的子元素
- jQuery获取当前点击的对象元素
- jQuery获取当前点击的对象元素
- Jquery获取元素的父容器对象
- jquery获取当前点击对象的value
- jquery获取当前对象所在的行数
- JS-jquery 获取当前点击的对象
- JQUERY 获取当前焦点对象属性, jquery attr()方法 添加,修改,获取对象的属性值。
- JQuery对象与DOM对象相互转换以及JS和JQyery获取<select>元素当前值的方法
- Jquery获取当前元素的索引值
- jquery获取当前元素的索引值
- jquery获取当前元素的索引值
- jquery获取当前元素的索引值
- jquery 获取当前元素的索引值
- JQuery获取this当前对象子元素对象
- 常用协议类型值
- 调试web程序时,浏览器要设置不保存cookie
- 最简单的网络限制方案,ACL规则。
- 【备忘】camera.cullingMask
- dev_C++ 不能调试问题解决
- jquery获取元素的值,获取当前对象的父对象等等
- 自动导出数据库分区表数据
- Maven配置和使用eclipse创建MavenWeb项目
- Android:android定时开关机
- mysqldump的使用
- dns nsswitch.conf
- Java Code To Byte Code
- Groovy基础——MetaClass详解
- iOS小技巧-UISwitch改变系统默认的颜色