jquery使用next("span")找到下一个目标元素


$("input",$("#cityname").next("span")).click(function()什么意思???????????????



$(a,b)//a是选择器,b是上下文
$("input",$("#cityname").next("span"))//id为cityname的下一个span兄弟元素中查找所有的input(包括单选、复选、文本、下拉框)
如:
<span id='cityname'></span>   //$("#cityname")
<span id="aa">           //$("#cityname").next("span")
<input type='text' />      //这里为查找的目标
</span>

 $("p").next().css("color","blue")  //将每一个p元素紧邻的元素中的字体颜色设置为蓝色。

 

<script type="text/javascript">
$(document).ready(function(){
  $("p").next("span").css("color","blue")  //将与p元素紧邻的span元素中的字体颜色设置为蓝色。
})



 在combobox绑定focus事件:

$('#ab_Police1id').combobox('textbox').bind('focus',function(){
		$('#ab_Police1id').combobox('showPanel');
		 });

获取焦点:

$('#search_state-comb').combobox().next('span').find('input').focus()


 

下拉列表框的onShowPanel事件

1.原因:最近项目中有很多要用到combobox,但是如果这些数据是加载时获取,而且这些数据是从另一个模块手动添加的话,那么一开始加载这个页面,当点击这个下拉列表框(combobox),如:所属队伍时,它里面是没值可选的,就像下面这种情况



2.解决方法:当点击所属队伍时,如果下拉类别框为空,弹一个提示,用到的事件是onShowPanel


onShowPanel:当下拉面板显示时触发的事件


3.代码


 


[java] view plain copy
 
  1. <span style="font-family:Microsoft YaHei;font-size:14px;">$('#teamId').combotree({  
  2.     url: 'retmmat/tree',  
  3.     required: true,   
  4.     valueField: 'id',  
  5.     onSelect: function(node){  
  6.         $('#team').val(node.text);  
  7.     },  
  8.     <strong>onShowPanel:function()</strong>{  
  9.     if(($("#teamId").combotree('tree').tree('getRoots').length)==0){//获取树形对象并判断树形对象的根元素的个数是否为空  
  10.         $(this).combo('hidePanel', true); //面板为空就隐藏面板  
  11.         alertMsg("提示","请先到队伍管理(队伍)模块添加队伍");</span></span>  

[java] view plain copy
 
  1. <span style="font-family:Microsoft YaHei;font-size:14px;"><span style="font-family:Microsoft YaHei;"><span style="white-space:pre">       </span>return;  
  2.     };  
  3. }</span>  
 
posted @   火线速递  阅读(654)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示