解決jquery無(wú)法找到其他父級(jí)子集問(wèn)題的方法
本文為大家分享了jquery無(wú)法找到其他父級(jí)子集解決方法,供大家參考,具體內(nèi)容如下
方法一:結(jié)合php解決錯(cuò)亂問(wèn)題,給選擇項(xiàng)加入class刪除class解決
情況:頁(yè)面中純?cè)趦蓚€(gè)相同的子集和相同的父級(jí)元素
$(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); }) //點(diǎn)擊確定 $('.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){ //隱藏父級(jí) $('.ftTr'+ftNum).hide(300); //顯示模態(tài)框 $('.modal-content').fadeOut(300); //背景效果 $(".jsbg").fadeOut(100); } } }); }) }) 父級(jí) <tbody class="ng-scope gqtbody ftTr{{$v['orid']}}" > 子集 <td><a href="javascript:;" class="ftTr_delA site_ALink" title="刪除" orid="{{$v['orid']}}"></a></td>
方法二:jquery前端頁(yè)面中選擇子集無(wú)法刪除到子集的其他元素
情況:在頁(yè)面中只存在一個(gè)子集的情況下
$(function(){ //點(diǎn)擊管理父級(jí)顯示子級(jí)管理項(xiàng) $('.com-left dd').click(function(){ //獲取下標(biāo) var num =$(this).index(); //顏色變化效果 $(this).addClass('chencked').siblings('dd').removeClass('chencked'); //顯示隱藏子級(jí) $(this).find('.com-ul').show(300).parent('dd').siblings('dd').find('.com-ul').hide(300); }) })
以上就是解決jquery無(wú)法找到其他父級(jí)子集問(wèn)題的方法,希望對(duì)大家的學(xué)習(xí)有所幫助。
相關(guān)文章
jQuery對(duì)象與DOM對(duì)象轉(zhuǎn)換方法詳解
這篇文章主要介紹了jQuery對(duì)象與DOM對(duì)象的轉(zhuǎn)換方法,結(jié)合實(shí)例形式分析了jQuery對(duì)象及DOM對(duì)象的作用與二者的相互轉(zhuǎn)換技巧,需要的朋友可以參考下2016-05-05使用jquery獲取網(wǎng)頁(yè)中圖片高度的兩種方法
使用jquery獲取網(wǎng)頁(yè)中圖片的高度其實(shí)很簡(jiǎn)單,目前有兩種不錯(cuò)的方法可以實(shí)現(xiàn),下面為大家詳細(xì)介紹下,有所疑惑的你可以參考下2013-09-09通過(guò)點(diǎn)擊jqgrid表格彈出需要的表格數(shù)據(jù)
在眾多的表格插件中,jqgrid的特點(diǎn)是非常鮮明的,所以jqgrid表格插件用處非常廣泛,本篇文章給大家介紹通過(guò)點(diǎn)擊jqgrid表格彈出需要的表格數(shù)據(jù),需要的朋友參考下2015-12-12基于JQuery實(shí)現(xiàn)異步刷新的代碼(轉(zhuǎn)載)
JQuery,是輕量級(jí)的js庫(kù),把繁瑣的js代碼封裝,使調(diào)用更簡(jiǎn)單,完成更多功能。同樣,封裝了js利用XMLHttpRequest實(shí)現(xiàn)的異步刷新.2011-03-03基于Jquery和CSS3制作數(shù)字時(shí)鐘附源碼下載(CSS3篇)
數(shù)字時(shí)鐘在web倒計(jì)時(shí),web鬧鐘效果以及基于html5的web app中,本文給大家介紹基于jquery和css3制作數(shù)字時(shí)鐘附源碼下載,感興趣的朋友來(lái)看看吧2015-11-11jquery struts 驗(yàn)證唯一標(biāo)識(shí)(公用方法)
本教程將為大家詳細(xì)介紹下使用公用方法驗(yàn)證jquery struts唯一標(biāo)識(shí),感興趣的朋友可以參考下哈,希望可以幫助到你2013-03-03基于jquery實(shí)現(xiàn)鼠標(biāo)滾輪驅(qū)動(dòng)的圖片切換效果
這篇文章主要介紹了基于jquery實(shí)現(xiàn)鼠標(biāo)滾輪驅(qū)動(dòng)的圖片切換效果,操作簡(jiǎn)單,適合用在產(chǎn)片展示網(wǎng)站中,需要的朋友可以參考下2015-10-10jQuery實(shí)現(xiàn)DIV響應(yīng)鼠標(biāo)滑過(guò)由下向上展開(kāi)效果示例【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)DIV響應(yīng)鼠標(biāo)滑過(guò)由下向上展開(kāi)效果,涉及jQuery基于事件響應(yīng)結(jié)合stop與animate方法控制頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2018-04-04