Javascript scraper 按类名查找元素属性

标签 javascript jquery

我有一个简单的 JavaScript 抓取工具,用于本地页面。

我会找到所有“title”类元素的 id 属性。

问题是,当我在屏幕上打印变量时,变量(title1)永远是“未定义”,而不是像它必须的那样“xxx”。

出了什么问题?

本地页面:

<!DOCTYPE HTML>
<html>
<body>
<div class="title" id="xxx"> xyz</div>
</body>

(部分)代码:

{ 
    $.get("http://localhost/new.php", function(html) {  
        var title1 = $(html).find(".title").attr("id");
        document.getElementById("1").innerHTML = title1;
    })
}

最佳答案

这是因为 .title 是一个直接元素..您可以使用 $(html).filter('.title').attr('id')或将 .title div 包裹在另一个 div 内

var html = '<div class="title" id="xxx"> xyz</div>';
alert($(html).filter('.title').attr('id'));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

换行div

var html = '<div><div class="title" id="xxx"> xyz</div><div>';
alert($(html).find('.title').attr('id'));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

工作示例

var html = '<div class="title" id="xxx"> xyz</div>';
var FindId = $(html).filter('.title').attr('id');
$('#1').html(FindId);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="1"></div>

关于Javascript scraper 按类名查找元素属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47846719/

相关文章:

javascript - 如何优化窗口调整大小和初始化时的图像自动调整

javascript - 年龄选项卡时提醒

php - Ajax/JQuery 数据库访问/互斥

javascript - Android 在 Phonegap 版本中不响应软后退键

javascript - 停止 .click() 监听器直到 fadeIn() 在 jQuery 中完成

javascript - jQuery.live() 处理程序多次触发

javascript - 1次点击打开2个链接

javascript - 接收输入字符串并返回子字符串列表和每个子字符串的出现次数

javascript - Console.dir - Nodejs 重定向到一个文件

javascript - Javascript 中的语法/逻辑检查器?