使用Jquery從特定div類中提取Href值

Question

我正在研究Google Chrome擴展。 我所摘取的網頁的源代碼，以下列方式使用jQuery的get函數：

$.get(link,function(data){ 
//From this the entire source code of the link will be available in the variable data 
}; 

HTML源代碼將是這種格式的

<div class="DivClass"> 
    <img src="2.jpg" width="100" /> 
    <span class="time_date">FEBRUARY 19, 2014</span> 
    <h3><a title="Title" href="213.html">Title</a></h3> 
</div> 

我就想辦法提取HREF鏈接在名爲DivClass的divclass中。 我嘗試以下方法：

var links=[]; 
$(data).find('#DivClass').each(function(){ 
        links.push($(this).attr('href'));    
       }); 

我使用的鏈接作爲一個陣列，可以有特定divclass的多個實例。有人可以建議我去哪裏錯了嗎？

Answer 1

您需要使用類選擇器。因此，使用.DivClass代替#DivClass和你需要的目標錨從而改變你的選擇，以$(data).find('.DivClass a')

使用

var links = []; 
$(data).find('.DivClass a').each(function() { 
    links.push($(this).attr('href')); 
}); 

Answer 2

您正在使用的ID選擇器（#）類（.）

$(data).find('.DivClass a').each(function(){ 
    links.push($(this).attr('href'));    
}); 

Answer 3

因爲#DivClass不是鏈接。試試這個：

var links=[]; 
$(data).find('.DivClass a').each(function(){ 
       links.push($(this).attr('href'));    
      });