Jquery从自动生成的div中获取attr

Question

我创建了一个搜索引擎，但我遇到了问题。

<div class="singleresult" onclick="benger()">
<img class="profilepic" src="http://graph.facebook.com/'+this.id+'/picture"  alt="Smiley face" height="50" width="50">
<p class="name">'+this.name+'</p> 
<p class="tapto" algin="right">TAP TO UNLOCK</p> 
</div>

如何通过点击div来获取名称值？ 他们拥有所有相同的课程

Answer 1

使用$（this）Selector。

<div class="test">test1</div>
<div class="test">test2</div>
<div class="test">test3</div>
<div class="test">test4</div>
<div class="test">test5</div>

$('.test').click(function() {
   alert($(this).text());
});  

尝试这个小提琴：http://jsfiddle.net/rfeuhyq0/

Answer 2

这将检索有关单击.singleresult DIV的特定文本：

$(document).on("click",".singleresult", function(){
    var name = $(this).find('.name').text();
    alert(name);
});

他说，听起来你想要检索特定数据，不应该使用元素文本，而是使用任何自定义data-*属性。

Answer 3

尝试以下方法：

$(document).ready(function(){
$(document).on("click",".singleresult", function(){
alert($(".name").text());
});