Jquery如何获取下一个控件的ID? jqueryhtml控件 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 获取下一个元素next$('#txtName').next().attr('id')$('#txtID').parents('div').next('div').find('input:first').attr('id') 获取单个$("#txtName"),你可以给大的div加一个id样式,然后可以利用jquery中的同胞,找到你想要的元素,还可以设置eq=多少的,很方便。 楼上正解 DIV 设置id之后 获取到div下所有的控件 成一个数组 然后想取哪个就取哪个 好麻烦啊,因为我嵌套的Div和其他元素比较多,不像我的列子这么简单,那岂不是要一个个都获取一遍?<div class="row"> <div class="col-xs-12"> <div class="left">合同类型</div> <div style="width: 180px; float: left;"> <div style="width: 100%;" class="input-group input-group-sm"> <select id="CONTRACTTYPE" name="contract.ContractType" class="form-control" onChange="$.ChangeFocus(window.event.keyCode)" tabindex="1"> @Html.Select_HP_Custom("", new List<SelectListItem>() { new SelectListItem(){Selected =contractInfo.ContractType == 0,Text ="经销",Value="0"}, new SelectListItem(){Selected =contractInfo.ContractType == 1,Text ="代销",Value="1"}, new SelectListItem(){Selected =contractInfo.ContractType == 2,Text ="联营",Value="2"} }) </select> </div> </div> <div class="left">签订方式</div> <div style="width: 180px; float: left;"> <div style="width: 100%;" class="input-group input-group-sm"> <select id="OPERATETYPE" name="contract.OperateType" class="form-control" onChange="$.ChangeFocus(window.event.keyCode)" tabindex="2"> @Html.Select_HP_Custom("", new List<SelectListItem>() { new SelectListItem(){Selected =contractInfo.OperateType == 0,Text ="新签",Value="0"}, new SelectListItem(){Selected =contractInfo.OperateType == 1,Text ="变更",Value="1"}, new SelectListItem(){Selected =contractInfo.OperateType == 2,Text ="补签",Value="2"}, new SelectListItem(){Selected =contractInfo.OperateType == 3,Text ="作废",Value="3"} }) </select> </div> </div> <div class="clear"></div> </div> </div> jquery next 获取下一个元素jquery parents 获取父节点参考http://www.w3school.com.cn/jquery/jquery_ref_traversing.asp $('input') 获取所有的 input假定你获取了一个当前input (比如在onchange事件中)$(this) 代表当前的input$(this).index($('input')); 就是在所有input中的索引那么下一个就是 $('input').eq($(this).index($('input')) + 1 ); javascript懒惰匹配的问题 在函数里面声明参数是合法吗?? Multiple markers at this line JS获取ACTVIEX的版本号??? 用DIV做一个地图上的标注 关于theForm.onsubmit 关于SuperComboBox.HTC问题。 面试题,,大家进来帮我一下! 100分关于日历定位的问题 bootstrap validate验证通过以后,表单数据重置引起的问题 ie中window.open子页面返回值问题,被呼叫方(服务器 [不是服务器应用程序])不可用并已消失。所有连接均无效。没有执行呼叫 帮忙给看下 看着简单 但是没写出来
$('#txtName').next().attr('id')
$('#txtID').parents('div').next('div').find('input:first').attr('id')
你可以给大的div加一个id样式,然后可以利用jquery中的同胞,找到你想要的元素,还可以设置eq=多少的,很方便。
<div class="row">
<div class="col-xs-12">
<div class="left">合同类型</div>
<div style="width: 180px; float: left;">
<div style="width: 100%;" class="input-group input-group-sm">
<select id="CONTRACTTYPE" name="contract.ContractType" class="form-control" onChange="$.ChangeFocus(window.event.keyCode)" tabindex="1">
@Html.Select_HP_Custom("", new List<SelectListItem>() {
new SelectListItem(){Selected =contractInfo.ContractType == 0,Text ="经销",Value="0"},
new SelectListItem(){Selected =contractInfo.ContractType == 1,Text ="代销",Value="1"},
new SelectListItem(){Selected =contractInfo.ContractType == 2,Text ="联营",Value="2"}
})
</select>
</div>
</div>
<div class="left">签订方式</div>
<div style="width: 180px; float: left;">
<div style="width: 100%;" class="input-group input-group-sm">
<select id="OPERATETYPE" name="contract.OperateType" class="form-control" onChange="$.ChangeFocus(window.event.keyCode)" tabindex="2">
@Html.Select_HP_Custom("", new List<SelectListItem>() {
new SelectListItem(){Selected =contractInfo.OperateType == 0,Text ="新签",Value="0"},
new SelectListItem(){Selected =contractInfo.OperateType == 1,Text ="变更",Value="1"},
new SelectListItem(){Selected =contractInfo.OperateType == 2,Text ="补签",Value="2"},
new SelectListItem(){Selected =contractInfo.OperateType == 3,Text ="作废",Value="3"}
})
</select>
</div>
</div>
<div class="clear"></div>
</div>
</div>
jquery parents 获取父节点
参考http://www.w3school.com.cn/jquery/jquery_ref_traversing.asp
$(this) 代表当前的input$(this).index($('input')); 就是在所有input中的索引那么下一个就是 $('input').eq($(this).index($('input')) + 1 );