我正在尝试使用 axios 选择来自 http 请求的元素const axios = require('axios');axios.get('https://example.com/') .then((response) => { console.log(response); });响应看起来像：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="example"> <title>Example</title></head><body> <div class="container"> <div class="row"> <img class="image" src="example.png" alt="example"> <div class="col">Example</div> </div> </div></body></html>即我想选择.image的 src 属性。我想在response. 如果我们能用 jQuery 做到这一点，那就太好了。我想访问它的属性和 html 内容。
3 回答
慕桂英3389331
TA贡献2036条经验 获得超8个赞
尝试使用cheerio（专为服务器设计的核心 jQuery 实现）
axios
.get(url)
.then(response => {
const $ = cheerio.load(response.data);
const image = $('img')
$("img").each((i, elem) => {
{
...
})
...
})
婷婷同学_
TA贡献1844条经验 获得超8个赞
再见，看这个例子：
console.log($( "div.col" ).text())
console.log($( "img" ).attr('src'))
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="example">
<title>Example</title>
</head>
<body>
<div class="container">
<div class="row">
<img src="example.png" alt="example">
<div class="col">Example</div>
</div>
</div>
</body>
</html>
我得到了 div 的内部col文本$( "div.col" ).text()。
要获得一个属性（例如） src，img我已经完成了$( "img" ).attr('src')
慕尼黑8549860
TA贡献1818条经验 获得超11个赞
如果您将响应添加到文档，然后尝试获取事件，那么您可以尝试以下方法
$('body').on('click', '.col', function(){
// do your work
})
如果您想即时选择任何元素，请使用以下方法
$(response).find('.col')
添加回答
举报
0/150
提交
取消