如何在未定義類時從ajax響應中獲取錨點標記值

Question

if(ajaxRequest.readyState == 4) 
{ 
var response = ajaxRequest.responseText; 
response=response.split('^^--^^'); 
var buname=response[5].split('^^|||^^'); 
//rest code 
} 

以下代碼是我上面提到的ajax請求的響應。 以下內容存儲在變量buname中。 ** buname包含以下內容：

<li rel="Particulier" onclick="javascript:tabledata('','buunits','3','single','','','','','','','');" style="height:16px"> 
     <a href="#">Particulier</a> 
     -------------^ 
    </li> 
<li rel="PLH" onclick="javascript:tabledata('','buunits','1','single','','','','','','','');" style="height:16px"> 
     <a href="#">PLH</a> 
     ---------------^ 
    </li> 

我想要做什麼：

我想在一個JavaScript字符串或數組錨變量的值。

所需的輸出：（Particulier，PLH）

我試過到目前爲止：從SO答案我想下面的代碼中的一個，但是這是行不通的，因爲我沒有任何在我給出的代碼中定義的類。

var elems = document.querySelectorAll('.email'); 
for(var i = 0; i < elems.length; i++) { 
    var elem = elems[i]; 
    alert(elem.firstChild.getAttribute('href').substr(7)); 
} 

我需要javascript解決方案，請不要給jQuery解決方案。

在此先感謝。

Answer 1

你可以一個單獨的元素，而不僅僅是文件上使用querySelectorAll：

var response = "<li rel=\"Particulier\" onclick=\"javascript:tabledata('','buunits','3','single','','','','','','','');\" style=\"height:16px\">\n  <a href=\"#\">Particulier</a>\n   -------------^\n  </li>\n<li rel=\"PLH\" onclick=\"javascript:tabledata('','buunits','1','single','','','','','','','');\" style=\"height:16px\">\n  <a href=\"#\">PLH</a>\n  </li>"; 
// skip the above in your normal environment, of course; here for example purposes :) 
var ul = document.createElement("ul"); 
ul.innerHTML = response; 
var links = ul.querySelectorAll("a"); 
// links now contains a list of the anchor tags, i.e. [<a href=​"#">​Particulier​</a>​, <a href=​"#">​PLH​</a>​] 
var link_texts = []; 
for (var i = 0; i < links.length; i++) 
{ 
    link_texts.push(links[i].innerHTML); 
} 
// link_texts now contains the text inside the links, i.e. ["Particulier", "PLH"] 

Answer 2

希望這將解決您的問題
var elems = document.querySelectorAll('.email').getElementsByTagName("a"); for(var i = 0; i < elems.length; i++) { var elem = elems[i]; alert(elem.getAttribute('href').substr(7));}

Answer 3

querySelectorAll不上未附加到DOM元素的工作，所以用display:none增加，稍後再刪除它。

var html = "yourHTML data recieved", 
    div = document.createElement('div'); 
div.innerHTML = html; 
div.cssText = "display:none"; 
document.body.appendChild(div); 
var elements = div.querySelectorAll('li a'), arr = []; 
for(var i = 0, l = elements.length; i< l; i++){ 
    var ele = elements[i]; 
    arr.push(ele.innerText || ele.textContent); 
} 
div.parentNode.removeChild(div); 

Demo

Answer 4

這似乎做到這一點。

HTML

<li rel="Particulier" onclick="javascript:tabledata('','buunits','3','single','','','','','','','');" style="height:16px"> 
     <a href="#">Particulier</a> 
    </li> 
<li rel="PLH" onclick="javascript:tabledata('','buunits','1','single','','','','','','','');" style="height:16px"> 
     <a href="#">PLH</a> 
    </li> 

<br/> 
<button onclick="getAnchorText();">Get Text</button> 

的Javascript

function getAnchorText() { 
    var elems = document.querySelectorAll('a'); 
    for(var i = 0; i < elems.length; i++) { 
     var elem = elems[i]; 
     alert(elem.innerHTML); 
    } 
} 

演示這個小提琴：http://jsfiddle.net/gtZz5/

注：該得到的錨文本的內容，這是你的原問題a sked爲（不是rel值）。