jquery获取元素的值，获取当前对象的父对象等等

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>

View Code

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>

View Code

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" />οnclick="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

View Code

jquery获取元素的值，获取当前对象的父对象等等相关推荐

jquery获取元素索引值index()
jquery获取元素索引值index() 作者: 梅川内酷于 13-04-26 热度:384 jquery获取元素索引值index()方法: jquery的index()方法搜索匹配的元素,并返回 ...
86 js获取元素样式值
文章目录 1.样式的种类 2.元素.style.属性名 2.window.getComputedStyle() 3.currentStyle 4.兼容写法 5.获取元素样式值的方法前面学习了如何设置 ...
js获取classname值_利用js获取元素class值的两种方法
我们有时为了达到某种效果,需要以元素的class值为条件做判断. 我们如何利用JavaScript获取元素class的值?我们先看下面代码: x=document.getElementsByTagNa ...
Python 获取线程返回值获取
Python 获取线程返回值获取思路重写run方法,使用线程的get_result()方法获取返回结果 '''示例: 多线程访问百度,统计平均响应时间和错误率''' class MyThread( ...
Jquery 获取元素属性值
获取属性获取内置属性获取自定义属性 prop( 'value name','value') attr('value name','value') jquery中内置属性只能用来获取内置自定义只能 ...
JavaScript基础12-day14【DOM查询(获取元素节点、获取元素节点的子节点)、全选练习、DOM增删改、DOM添加删除记录、Window对象方法】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
原生JS获取元素属性值
方法一第一步我们要获取到元素(比如用ID),不可以是类数组(比如用class),类数组除了有一些数组的基本特征不可以使用其他方法,你会报错的第二步目标元素必须设置position为absolu ...
JavaScript或js获取元素的值
一般可以用原生js及jQuery获取html元素的值. <div id="test">数值</div> 原生js写法: 1 alert(document.g ...
获取h5的id属性_js：获取元素的值（id、标签、html5新增、特殊元素的获取）
1.根据id获取 (1)getElementById() 方法获取元素 console.log(uname); console.log(typeofuname); } 2020-07-22 getE ...

jquery获取元素的值，获取当前对象的父对象等等

jquery获取元素的值，获取当前对象的父对象等等相关推荐

最新文章

热门文章