1. 程式人生 > >form 中的 table元素過濾定位事件

form 中的 table元素過濾定位事件

集合 pre orm col 樣式 htm ace fun 利用

<form>
    <table>
          <thead>
              <tr>
	             <th>a</th>
	             <th>b</th>
	             <th>c</th>
	             <th>d</th>
	             <th>e</th>
               </tr>
          </thead>
          <tbody>
               <tr class=‘row‘>
                    <td><input type=‘text‘ name=‘1‘ id=‘1‘ ></td>
                    <td><select name=‘o1‘ id=‘o1‘><option></option></select></td>
	            <td><input type=‘text‘ name=‘2‘ id=‘2‘ ></td>
	            <td><input type=‘text‘ name=‘3‘ id=‘3‘ ></td>
                    <td><select name=‘o12‘ id=‘o12‘><option></option></select></td>
               </tr>
          </tbody>
    </table>
</form>        

利用filter過濾選擇器對元素集合進行遍歷,index表示索引號,obj表示對象,obj.value表示的是獲取的值。通過判斷獲取的值是否為空來給對象的樣式進行修改:

$(‘.row‘).find(‘input‘,‘select‘).filter(‘[name$=opc_width],[name$=opc_space],[name$=bias]‘).each(function(index,obj){
if(obj.value == ‘‘ || obj.value == null || obj.value == "undefined"){
$(obj).css(‘border-color‘,‘red‘);
}else{
$(obj).css(‘border-color‘,‘‘);
}
});

form 中的 table元素過濾定位事件