解決jquery無法找到其他父級子集問題的方法
更新時間:2016年05月10日 13:54:29 作者:火紅橘子
這篇文章主要為大家詳細介紹了解決jquery無法找到其他父級子集問題的方法,感興趣的小伙伴們可以參考一下
本文為大家分享了jquery無法找到其他父級子集解決方法,供大家參考,具體內容如下
方法一:結合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無法找到其他父級子集問題的方法,希望對大家的學習有所幫助。
相關文章
通過點擊jqgrid表格彈出需要的表格數(shù)據(jù)
在眾多的表格插件中,jqgrid的特點是非常鮮明的,所以jqgrid表格插件用處非常廣泛,本篇文章給大家介紹通過點擊jqgrid表格彈出需要的表格數(shù)據(jù),需要的朋友參考下2015-12-12
基于Jquery和CSS3制作數(shù)字時鐘附源碼下載(CSS3篇)
數(shù)字時鐘在web倒計時,web鬧鐘效果以及基于html5的web app中,本文給大家介紹基于jquery和css3制作數(shù)字時鐘附源碼下載,感興趣的朋友來看看吧2015-11-11
jQuery實現(xiàn)DIV響應鼠標滑過由下向上展開效果示例【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)DIV響應鼠標滑過由下向上展開效果,涉及jQuery基于事件響應結合stop與animate方法控制頁面元素屬性動態(tài)變換相關操作技巧,需要的朋友可以參考下2018-04-04

