for循环和each循环

each循环写法

1、选择器+遍历

$('div').each(function (i){
   i就是索引值
   this 表示获取遍历每一个dom对象
});
2、选择器+遍历
$('div').each(function (index,domEle){
   index就是索引值
  domEle 表示获取遍历每一个dom对象
});
3、更适用的遍历方法
1）先获取某个集合对象
2）遍历集合对象的每一个元素
var d=$("div");
$.each(d,function (index,domEle){
  d是要遍历的集合
  index就是索引值
  domEle 表示获取遍历每一个dom对

});

for循环写法

不知为什么在for内不能使用jquery

$('#js').click(function(){
var con = '';
// var tags = $('li');
var tags = document.getElementsByTagName('li');//可以是jquery中的$('li')
for(var i=0;i<tags.length;i++){
// alert(tags[i].innerHTML);//在此不能使用jquery中的text()
if(tags[i].getAttribute('tag') == 1){  //在此不能使用jquery中的tags[i].attr('tag')
// alert(tags[i].innerHTML);
con += tags[i].getAttribute('tag')+',';
}
}
alert(con);
})

使用each循环元素，子元素无法获取，不知道为什么，等待大神指导。

问题代码如下

js代码

$(function() {

$("button").on("click", function() {
($(this).siblings()).each(function(i,item){
                console.log(item.children("img").attr("src")) ;
                })
})

})

html代码

    <button class="btn btn-block" type="button">
        <img  src="../../img/photo/stat/cheduitj-on.png" />
    </button>
    <button class="btn btn-block" type="button">
        <img src="../../img/photo/stat/cheduifenxi-off.png" />
    </button>
    <button class="btn btn-block"  type="button">
        <img  src="../../img/photo/stat/zhenduanbaogao-off.png" />
    </button>