复杂的html老人和父选择器无法在任何浏览器中工作 – jquery

概述我已粘贴了一个独立的 HTML代码,有助于理解.我想在更改一个下拉列表时显示隐藏两个输入字段. 我没有错. 任何人都可以告诉我什么是错的,需要修理吗？ $(document).ready(function() { $('#containerId').find('select[name="Field"]').live('change', function(){ 我已粘贴了一个独立的 HTML代码,有助于理解.我想在更改一个下拉列表时显示隐藏两个输入字段.

我没有错.

任何人都可以告诉我什么是错的,需要修理吗？

$(document).ready(function() {      $('#containerID').find('select[name="FIEld"]').live('change',function(){            var fIEldi = $(this).val();            if(fIEldi.length > 1 && fIEldi=='4') {          	$(this).parent().children('div.formRow' ).find('.FIEldname').hIDe();    	$(this).parent().children('div.formRow' ).find('.dropdownname').show();        	}    	    	if(fIEldi.length > 1 && fIEldi=='2') {          	$(this).parent().children('div.formRow' ).find('.FIEldname').show();    	$(this).parent().children('div.formRow' ).find('.dropdownname').hIDe();        	}                              });          });

<script src="https://AJAX.GoogleAPIs.com/AJAX/libs/jquery/1.8.3/jquery.min.Js"></script><div ID='#containerID'>        <h1>This is a heading</h1>    <p>This is a paragraph.</p>        <fIEldset name="fIEldset1" namex="fIEldset1"  >                 	   <div >    			<div ><label >label_if<span ></span></label></div>    				<div >    					 <select ID="xrule_1" name="FIEld"  >    						<option value="">Please Select</option>    						<option value="2">FIEld on</option>    						<option value="4">FIEld 2</option>    						<option value="3">FIEld imported on</option>    					 </select>          </div>       </div>              <div   >           <div >             <select ID="f_1rator" name="rator">    			<option value="">Please select</option>    			 <option value="2">FIEld on</option>                <option value="4">FIEld 2</option>             </select>          </div>       </div>              <div  >              	  <input type="text" name="valuexx"  ID="v_1"  value="" />    	          </div>    </fIEldset>                <fIEldset name="fIEldset2" namex="fIEldset2"  >                 	   <div >    			<div ><label >label_if<span ></span></label></div>    				<div >    					 <select ID="xrule_1" name="FIEld"  >    						<option value="">Please Select</option>    						<option value="2">FIEld on</option>    						<option value="4">FIEld 2</option>    						<option value="3">FIEld imported on</option>    					 </select>          </div>       </div>              <div   >           <div >             <select ID="f_1rator" name="rator">    			<option value="">Please select</option>    			 <option value="2">FIEld on</option>                <option value="4">FIEld 2</option>             </select>          </div>       </div>              <div  >              	  <input type="text" name="valuexx"  ID="v_1"  value="" />    	          </div>    </fIEldset>        </div>

解决方法 这是根据您的方案的工作示例

$(document).ready(function() {  $('#containerID').find('select[name="FIEld"]').live('change',function(){  var fIEldi = $(this).val();  if( fIEldi==4) {        $(this).closest("fIEldset").find('.FIEldname' ).hIDe();            $(this).closest("fIEldset").find('.dropdownname' ).show();    }    if( fIEldi==2) {            $(this).closest("fIEldset").find('.FIEldname' ).show();            $(this).closest("fIEldset").find('.dropdownname' ).hIDe();    }  });});

删除长度检查,也修正HTML中的ID和类名

总结

以上是内存溢出为你收集整理的复杂的html老人和父选择器无法在任何浏览器中工作 – jquery全部内容，希望文章能够帮你解决复杂的html老人和父选择器无法在任何浏览器中工作 – jquery所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。