為什麼jQuery選擇器只能選擇特定網站的第一個層次元素？

Question

我想从这个网站上选择一些元素。https:/www.pexels.com

例如，我试着用这个简单的选择器来匹配div父容器内所有带有 "photos__column "类的div元素。

$('div.photos__column div')

但结果是它只选择了所有元素中的第一个，为什么会这样？

先谢谢你了。

Answer 1

$ 可以是任何元素。

这个网站有jQuery吗？你可以通过以下方式在浏览器控制台中检查

$.fn.jquery

使用本地DOM API查询

document.querySelectorAll('div.photos__column div')

工作。

Answer 2

$('div.photos__column div') 返回一个包含所有带有该模式的元素的数组 "div.photos__column div" 但当你调用一个函数，如 text() 函数文本只使用数组的最前一个结果。

如果你想对所有选中的元素进行操作，你可以使用.NET技术。

$('div.photos__column div').each(function( index ) {
  console.log( index + ": " + $( this ).attr("src") );
});

或者如果你想按索引选择元素，可以调用元素按hir索引为例。$('div.photos__column div')[2]

你可以用这个查询来获取所有来自主页的img源。

var allimegs = document.querySelectorAll(".photo-item__img");
var newsrc = [] ;for(var i = 0;i<allimegs.length;i++){
    newsrc[i] = allimegs[i].getAttribute("src"); 
}