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>

我想要一种方法来提取名为DivClass的divclass中的href链接。我尝试了以下方式：

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'));               
            });

使用Jquery从特定div类中提取Href值

3 个答案: