首页 > 代码库 > jquery 点击当前input元素对象获取下一个input对象
jquery 点击当前input元素对象获取下一个input对象
- <div class="apps_container">
- <input type="hidden" value=http://www.mamicode.com/"00070008" onclick="more(this);" />
- <input type="hidden" value=http://www.mamicode.com/"100000001811" id="columId" />
- </div>
- <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>
- 当点击 <a href=http://www.mamicode.com/"#" style="cursor: hand" onclick="more(this);" class="fright mr15">更多</a>时,
- 在js的函数中想要获取隐藏域的值
- <input type="hidden" value=http://www.mamicode.com/"00070008" id="levelCode" />
- <input type="hidden" value=http://www.mamicode.com/"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=http://www.mamicode.com/"00070008" id="levelCode" />
- 6.$(thisObj).parent().next().children("ul").children("input").eq(0).val();
- 获取到<input type="hidden" value=http://www.mamicode.com/"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=http://www.mamicode.com/"100000001811" id="columId" />的值:100000001811
- 8.$(thisObj).parent().prev()获取到<span></span>jquery对象
- 9.$(thisObj).parent().prev().html()获取到<span></span>的内容<input type="hidden" value=http://www.mamicode.com/"1" id="newInfo"></input>
- 10.$(thisObj).parent().prev().children("input").eq(0).val()获取
- <span></span>下面的第一个<input>的值,其实就一个<input>元素,即:1
jquery 点击当前input元素对象获取下一个input对象
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。