2015-04-18 28 views
0

我一直在尝试一个小时以上来猜测获取jQuery中元素属性的语法。jQuery语法来访问类的SRC

的IMG SRC(和其他属性)都坐落在这里:

<ul id="sortable2" class="connectedSortable ui-sortable">  
    <li class="userList"> 
    <div class="selectedItemId" id="15974"> 
     <img class="selectedItemImg" src="http://asdasd.jpg" alt="Terror" in="" resonance="" style="width:216px;height:300px"> 
     <div id="animeTitle">Terror in Resonance</div> 
    </div> 
    </li> 
</ul> 

的属性生成的On-the-go当用户拖拽他们进入名单,所以我不能打电话"id=15974"例如。

当用户单击按钮时,我想循环访问sortable2列表的内容并获取子对象(它们的图像src作为起点)的属性。

请一些天才有一个快速的样子,也许指向我的正确方向为我的语法?

到目前为止(很多很多的尝试中)我坐在一起:

$(document).ready(function() { 
    $("#button").click(function() { 
    alert("Hello!"); 
    $('.userList .selectedItemId .selectedItemImg img').each(function() { 
     alert($(this).attr('src')); 
     alert("Hello2"); 
    }); 
    }); 
}); 

目前没有从 “Hello1” 发生分离。我有很多尝试Hello2的工作,但没有运气的数据。

谢谢你的阅读。

回答

2

您正在搜索的内部图像的图像,试试这个

$('.userList .selectedItemId .selectedItemImg').each(function() { 
              //Removed img 
    alert(this.src);//You can use this.src instead of .attr() 
    alert("Hello2"); 
}); 
+1

它的工作原理,你是辉煌的,做得很好,谢谢。我用这个语法作为参考http://stackoverflow.com/questions/14709797/get-source-of-each-image-in-div-with-jquery你可以在那里看到他似乎在做我所做的事情做但是说它有效。他写道:'$('#container .row.selected img')。each(function(){'无论如何,谢谢你这么多 – user3474126

+0

快速更新,我搞砸了:实际的工作语法是'$('#sortable2。 ()函数(){' – user3474126

0

这里是工作示例:

$(document).ready(function() { 
    $("#button").click(function() { 
     $('img.selectedItemImg').each(function() { 
       alert($(this).attr('src')); 
     }); 
    }); 
}); 

演示:http://jsbin.com/vipolologi/1/

+0

这也可以,Thankyou非常多:) – user3474126

+0

快速更新,我搞砸了:实际的工作语法是'$('#sortable2 .selectedItemImg')。each(function() {' – user3474126