如何在未定义类时从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值）。