淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery是一款非常强大的JavaScript库,它可以简化JavaScript的操作。在开发时,我们经常需要查询某个Div里面的所有图片,下面我们来看一下如何使用jQuery来实现这个功能:


$(document).ready(function(){
  var imgs = $('div').find('img');
  imgs.each(function(){
    console.log($(this).attr('src'));
  });
})

jquery查询div里面所有img

上面的代码中,我们首先使用了jQuery的ready()方法,来保证页面已经加载完成后才执行操作。然后使用find()方法找到所有的图片元素,然后使用each()方法循环所有的图片元素,并使用attr()方法获取图片的src属性。在这里我们仅仅是输出到控制台中,你完全可以根据自己的需求来做其他的操作。

需要注意的是,我们在这里使用的是$('div').find('img'),如果你只想在页面中的某个区域查询图片,那么你应该把div换成你需要查询的区域的id或class名字。

总之,使用jQuery来查询Div里面的所有图片非常简单,只需要用到find()和each()方法就可以了。这样,你就可以轻松地操作和管理页面中的所有图片了。