通過url查找a元素應用案例

2019-11-20 20:46:17

字體：大中小

來源：轉載

供稿：網友

舉例說明之前的一個項目：添加學生的時候，沒有班級數據。需要自動跳轉到班級展示頁面。

問題：學生，班級等數據是放到iframe里面的jsp. 學生管理的按鈕是在main.html上的菜單欄中。

mian頁面菜單

班級管理：

學生管理：

iframe中的jsp不斷變化。

解決方法：

學生管理jsp中，通過id查找父窗體的班級管理<a>標簽，并點擊

復制代碼代碼如下:

$(window.parent.document).find("#folder_12").click();

后來菜單欄換成動態的了，菜單id自然也就是動態的了。

想要的是通過 url獲取<a>，并點擊。

復制代碼代碼如下:

 
<a id="folder_14" onClick="changeContent('classManager/classList.do',this);" onFocus="this.blur()" href="javascript:void(0);" target="mainFrame">班級管理</a> 

要獲取的就是 onClick方法的 changeContent(‘url參數')

直接看代碼：

復制代碼代碼如下:

 
//console.info( $(window.parent.document).find("a") ); 
$(window.parent.document).find("#OutFolder a").each(function (index, domEle) { 
//var s = $(domEle).attr("onclick")+""; 
//var start = s.indexOf ('classManager/classList.do'); 
var str = domEle.attributes.onclick.value;//利用js獲取onclick屬性值，搜索url 
var start = str.indexOf ('classManager/classList.do'); 
if(start>0){ 
$(domEle).click(); 
} 
}); 

總結：原來一直使用jquery找方法，獲取onclick屬性，用indexOf總報錯，加上"" 空格轉化為string就行了

上一篇：百度移動版的url編碼解碼示例

下一篇：jquery實現的圖片點擊滾動效果