我正在尝试从这个网站中选择一些元素: https://www.pexels.com/
例如,我尝试使用这个简单的选择器将div father 容器中的所有divs 元素与"photos__column"类匹配:
$('div.photos__column div')
但结果它只选择了其中的第一个,为什么会这样?
提前谢谢。
$
可以是任何东西。
这个网站有jQuery吗?您可以在浏览器控制台中通过以下方式进行检查
$.fn.jquery
使用本机 DOM API 进行查询
document.querySelectorAll('div.photos__column div')
工程。
$('div.photos__column div')
返回一个包含具有此模式的所有元素的数组"div.photos__column div"
但是当您调用像text()
这样的函数时,函数文本仅使用数组的最原始 rsult
如果要对所有选定的元素进行操作,可以使用:
$('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");
}