解決jquery無法找到其他父級子集問題的方法
本文為大家分享了jquery無法找到其他父級子集解決方法,供大家參考,具體內(nèi)容如下
方法一:結(jié)合php解決錯亂問題,給選擇項加入class刪除class解決
情況:頁面中純在兩個相同的子集和相同的父級元素
$(function(){ //刪除訂單功能 $('.ftTr_delA').live('click',function(){ //獲取roid var orid =$(this).attr('orid'); //傳遞roid ftNum=orid; //修改model-ok的屬性 $('.modal-ok').attr('orid',orid); //顯示模態(tài)框 $('.modal-content').fadeIn(300); //背景效果 $(".jsbg").fadeIn(100); }) //點擊確定 $('.modal-ok').live('click',function(){ var orid=$(this).attr('orid'); $.ajax({ type:"post", url:"{{U('People/delOrder')}}", data:{orid:orid}, dataType:'json', success:function(phpData){ if(phpData!=0){ //隱藏父級 $('.ftTr'+ftNum).hide(300); //顯示模態(tài)框 $('.modal-content').fadeOut(300); //背景效果 $(".jsbg").fadeOut(100); } } }); }) }) 父級 <tbody class="ng-scope gqtbody ftTr{{$v['orid']}}" > 子集 <td><a href="javascript:;" class="ftTr_delA site_ALink" title="刪除" orid="{{$v['orid']}}"></a></td>
方法二:jquery前端頁面中選擇子集無法刪除到子集的其他元素
情況:在頁面中只存在一個子集的情況下
$(function(){ //點擊管理父級顯示子級管理項 $('.com-left dd').click(function(){ //獲取下標 var num =$(this).index(); //顏色變化效果 $(this).addClass('chencked').siblings('dd').removeClass('chencked'); //顯示隱藏子級 $(this).find('.com-ul').show(300).parent('dd').siblings('dd').find('.com-ul').hide(300); }) })
以上就是解決jquery無法找到其他父級子集問題的方法,希望對大家的學習有所幫助。
相關(guān)文章
通過點擊jqgrid表格彈出需要的表格數(shù)據(jù)
在眾多的表格插件中,jqgrid的特點是非常鮮明的,所以jqgrid表格插件用處非常廣泛,本篇文章給大家介紹通過點擊jqgrid表格彈出需要的表格數(shù)據(jù),需要的朋友參考下2015-12-12基于JQuery實現(xiàn)異步刷新的代碼(轉(zhuǎn)載)
JQuery,是輕量級的js庫,把繁瑣的js代碼封裝,使調(diào)用更簡單,完成更多功能。同樣,封裝了js利用XMLHttpRequest實現(xiàn)的異步刷新.2011-03-03基于Jquery和CSS3制作數(shù)字時鐘附源碼下載(CSS3篇)
數(shù)字時鐘在web倒計時,web鬧鐘效果以及基于html5的web app中,本文給大家介紹基于jquery和css3制作數(shù)字時鐘附源碼下載,感興趣的朋友來看看吧2015-11-11基于jquery實現(xiàn)鼠標滾輪驅(qū)動的圖片切換效果
這篇文章主要介紹了基于jquery實現(xiàn)鼠標滾輪驅(qū)動的圖片切換效果,操作簡單,適合用在產(chǎn)片展示網(wǎng)站中,需要的朋友可以參考下2015-10-10jQuery實現(xiàn)DIV響應鼠標滑過由下向上展開效果示例【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)DIV響應鼠標滑過由下向上展開效果,涉及jQuery基于事件響應結(jié)合stop與animate方法控制頁面元素屬性動態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2018-04-04